分享ES6版本中5个超级实用Javascript技巧？

互联网/前端

79次点击 · 1220天前 · 清风醉

1条回答我要回复

一只锦鲤1220天前

众所周知，Javascript 一直在快速变化。在新的 ES2020 中，有很多很棒的特性，我们大都已经迫不及待尝试了。
1.方法参数验证
ES6 中可以为函数的参数设置默认值，有了这个，我们可以实现一个验证方法参数不能为空的巧妙技巧。
const isRequired = () => {
throw new Error('param is required')
}

const print = (num = isRequired()) => {
console.log(`printing ${num}`)
}

print(2) //printing 2
print() // error
print(null) //printing null

2.格式化JSON代码
我们都非常熟悉JSON.stringify，但比较少知道的是它还可以进行格式化的输出。
stringify 方法有三个参数：value，replacer和space。其中，后两个是可选参数，这也是我们很少知道它的原因。要缩进JSON，必须使用space参数。console.log(JSON.stringify({name:"John",Age:23},null,'t'));
>>>
{
"name": "John",
"Age": 23
}
3.排序数字数组
Javascript 数组带有内置的sort方法。默认情况下，此sort方法将数组元素转换为字符串，并对其进行字典排序。但这在对数字数组进行排序时，会有问题，解决方法就是手写一个排序方法。
[0,10,4,9,123,54,1].sort((a,b) => a-b)

>>> [0, 1, 4, 9, 10, 54, 123]
4.禁用鼠标右键
有些情况，我们想在网页上禁用鼠标的右键，可以使用下面的方式来禁用：
<body Oncontextmenu="return false"></body>
5.获取数组中的最后一项
如果要获取数组的末尾元素，可以使用slice方法。
let array = [0, 1, 2, 3, 4, 5, 6, 7]
console.log(array.slice(-1))
>>>[7]

console.log(array.slice(-2))
>>>[6, 7]

console.log(array.slice(-3))
>>>[5, 6, 7]