![7bcdaf205d9aa789f48e1c014d60286a.png](https://i-blog.csdnimg.cn/blog_migrate/b749200d289c351b802e5d1cb7da78fe.jpeg)
众所周知,JavaScript 一直在快速变化。在新的 ES2020 中,有很多很棒的特性,我们大都已经迫不及待尝试了。老实说,有时我们可以用不同角度来编写代码,同样也能达到相同的效果,而且有的还会更简短,更清晰。
下面是列出一些 JavaScript 有用的技巧,相信总有一天会对你有所帮助。
1.方法参数验证
ES6 中可以为函数的参数设置默认值,有了这个,我们可以实现一个验证方法参数不能为空的巧妙技巧。
const
2.格式化JSON代码
我们都非常熟悉JSON.stringify,但比较少知道的是它还可以进行格式化的输出。
stringify 方法有三个参数:value,replacer和space。其中,后两个是可选参数,这也是我们很少知道它的原因。 要缩进JSON,必须使用space参数。
console
3.从数组中获取惟一的值
要从数组中获得唯一的值,需要使用filter方法过滤掉重复的值。但是有了新的Set原生对象,事情就变得非常简单了。
let
4.从数组中删除虚值
在某些情况下, 我们想从数组中删除虚值。 虚值是 JavaScript 中的值为FALSE的值。 JavaScript 中只有六个虚值,它们是:
- undefined
- null
- NaN
- 0
- '' (空字符)
- false
过滤这些虚值的最简单方法是使用下面的函数:
myArray
如果要对数组进行一些修改,然后过滤新数组,则可以尝试这样的操作。 请记住,原始myArray保持不变。
myArray
5.合并多个对象
实际需求中,我们经常需要合并多个对照,快速的做法可以像下面这么做:
const
6.排序数字数组
JavaScript 数组带有内置的sort方法。 默认情况下,此sort方法将数组元素转换为字符串,并对其进行字典排序。 但这在对数字数组进行排序时,会有问题,解决方法就是手写一个排序方法。
[
7.禁用鼠标右键
有些情况,我们想在网页上禁用鼠标的右键,可以使用下面的方式来禁用:
<
这个简单的代码就可以禁用右键单击。
8.在解构中使用别名
解构赋值是一个JavaScript表达式,它可以将数组中的值或对象中的属性解构缩不同的变量中。不必使用现有的对象变量,我们可以根据自己的偏好重命名它们。
const
9.获取数组中的最后一项
如果要获取数组的末尾元素,可以使用slice方法。
let
10. 等待 Promises
在某些情况下,我们需要等待多个Promise结束,这里,我们使用Promise.all。
const
关于Promise.all需要注意的一件事是,当一个Promise拒绝时,该方法将引发错误。 这意味着我们的代码将不会等到所有的Promise都完成。
如果想要等到所有Promise都完成后,无论它们被拒绝还是成功,可以使用Promise.allSettled。 此方法在ES2020的最终版本中。
const
作者:Mahdhi Rezvi
译者:前端小智