分享ES6的7个实用技巧
Hack#1交换元素
利用数组解构来实现值的互换
leta='world',b='hello' [a,b]=[b,a] console.log(a)//->hello console.log(b)//->world
Hack#2调试
我们经常使用console.log()来进行调试,试试console.table()也无妨。
consta=5,b=6,c=7 console.log({a,b,c}); console.table({a,b,c,m:{name:'xixi',age:27}});
Hack#3单条语句
ES6时代,操作数组的语句将会更加的紧凑
//寻找数组中的最大值 constmax=(arr)=>Math.max(...arr); max([123,321,32])//outputs:321 //计算数组的总和 constsum=(arr)=>arr.reduce((a,b)=>(a+b),0) sum([1,2,3,4])//output:10
Hack#4数组拼接
展开运算符可以取代concat的地位了
constone=['a','b','c'] consttwo=['d','e','f'] constthree=['g','h','i'] constresult=[...one,...two,...three]
Hack#5制作副本
我们可以很容易的实现数组和对象的浅拷贝
constobj={...oldObj} constarr=[...oldArr]
Hack#6命名参数