20 个超级有用的 JavaScript 技巧,让你的工作更轻松

网站建设2年前发布
9 00

今天这篇文章,我将跟大家分享21个我自己收藏使用的JavaScript技巧,希望今天这篇文章里的内容能够帮助到你,让你的工作更高效!更轻松!,20 个超级有用的 JavaScript 技巧,让你的工作更轻松,我们现在开始吧。,将多个值放入一个数组中,然后调用该数组的 include 方法。,当我们创建一个新变量时,有时我们想检查引用的变量是否是一个假值,例如 nullundefined 或空字符串。JavaScript 确实为这种检查提供了一个很好的快捷方式——逻辑 OR 运算符 (||),|| 仅当左侧为空或 NaN 或 null 或 undefined 或 false 时,如果左侧操作数为假,则将返回右侧操作数,逻辑或运算符 (||) 将返回右侧的值。,在其他语言中,此功能被制成可以在数组上调用的方法或函数,但在 JavaScript 中,你必须自己做一些工作。,? 也称为链判断运算,它允许开发人员读取深度嵌套在对象链中的属性值,而无需验证每个引用,当引用为空时,表达式停止计算并返回 undefined。,要仅在变量为真时调用函数,请使用 && 运算符。,当你想在 React 中有条件地渲染组件时,这对于使用 (&&) 进行短路很有用。例如:,我们可以将条件存储在键值对象中,并根据条件调用它们。,如果我们想根据不同的类型调用不同的方法,我们可以使用多个 else if 语句或开关,但是还有比这更好的简化技巧吗?其实和之前的switch简化是一样的。,如果你厌倦了使用 + 将多个变量连接成一个字符串,这个简化技巧会让你头疼。,在数组中查找某个值时,我们可以使用 indexOf() 方法。但是还有更好的方法,我们来看这个例子。,有诸如 parseInt 和 parseFloat 等内置方法可用于将字符串转换为数字。我们也可以简单地通过在字符串前面提供一元运算符 (+) 来做到这一点。,如果你有一堆异步或普通函数都返回要求你一个一个执行它们的Promise怎么办?,等待所有Promiae完成。,Promise.allSettled() 方法接受一组 Promise 实例作为参数,包装到一个新的 Promise 实例中。在所有这些参数实例都返回结果(已完成或已拒绝)之前,包装器实例不会结束。,有时候,我们并不关心异步请求的结果,我们只关心是否所有请求都结束了。这时候,Promise.allSettled() 方法就非常有用了。,有时你需要生成随机数,但又希望数字在一定范围内,则可以使用此工具。,到这里,我要跟你分享的20 个 JavaScript 的小技巧就结束了,希望这些小技巧对你有用。,在前面我也跟大家分享过很多这样的小技巧,不知道大家是否学会了没有?如果你没有学会的话,请记得多看看,暂时用不上的一些技巧,可以自行收藏起来。,同时,也要整理一份属于自己的使用技巧笔记。,如果你觉得我今天跟你分享的内容有帮助的话,请记得点赞我,关注我,并将其分享给你的开发者朋友,也许能够帮助到他。,以上就是我今天跟你分享的全部内容,感谢你的阅读,编程愉快!

© 版权声明

相关文章