Hack #1 交换元素
利用 数组解构来实现值的互换
hello
console.log(b) // -> world
Hack #2 调试
我们经常使用 console.log()来进行调试,试试 console.table()也无妨。
rush:js;">
const a = 5,b = 6,c = 7
console.log({ a,b,c });
console.table({a,c,m: {name: 'xixi',age: 27}});
Hack #3 单条语句
ES6时代,操作数组的语句将会更加的紧凑
Math.max(...arr);
max([123,321,32]) // outputs: 321
// 计算数组的总和
const sum = (arr) => arr.reduce((a,b) => (a + b),0)
sum([1,2,3,4]) // output: 10
Hack #4 数组拼接
展开运算符可以取代 concat的地位了
rush:js;">
const one = ['a','b','c']
const two = ['d','e','f']
const three = ['g','h','i']
const result = [...one,...two,...three]
Hack #5 制作副本
我们可以很容易的实现数组和对象的 浅拷贝
rush:js;">
const obj = { ...oldobj }
const arr = [ ...oldArr ]
Hack #6 命名参数👍👍👍
{
...do stuff
}
// 当我们调用函数时, 明天再看,尼玛 150是啥,true是啥
getStuffNotBad(150,true,true)
// 看完本文你啥都可以忘记,希望够记住下面的就可以了
const getStuffAwesome = ({id,name,verbose}) => {
...do stuff
}
// 完美
getStuffAwesome({ id: 150,force: true,verbose: true })
Hack #7 Async/Await结合数组解构
数组解构非常赞!结合 Promise.all和 解构和 await会使代码变得更加的简洁
rush:js;">
const [user,account] = await Promise.all([
fetch('/user'),fetch('/account')
])
总结
以上所述是小编给大家介绍的分享ES6的7个实用技巧。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。