当前位置 博文首页 > 大曾blog：DaZeng：深入解读ES6系列（二）
()可以省。{} 可以省。 <body>
<script>
let arr=[500,10,66,37,81,10011,999]
arr.sort(function(a,b){
return a-b;
});
console.log(arr)
</script>
</body>
问我sort是什么的？或者问我为啥return a-b的同学，移步W3school补补课，简言之这个就是一个排序函数输出结果如下：
那么ES6怎么写呢？第一步去掉function，第二步加=>，就有了这样：
arr.sort((a,b) =>{
return a-b;
});
再瞅瞅一个return，去掉{}好嘛？一行代码它不香嘛。
arr.sort((a,b) => (a-b));
再举一个例子帮你理解，你可以先思考一个函数返回传参的2倍？两行代码搞定。
<script>
let show = a =>a*2;
alert(show(2));
</script>
...对就是这三个点平时我们的省略号，这么一想就好理解了，就是把省略号前面的东西说完，省略号就是后面所有的东西，要我说就是也就是所谓的剩余参数。看看下面代码想想输出啥？<script>
function show(a,b,...args){
console.log(a,b,args)
}
show(1,{"2 name":"王"},"string",234,{"name":"李"})
</script>
对的，args管你是啥全部装起来放出来就是了，所以就是1.收集，2.展开。
同时这里也很好理解，...xxx要放在最后，毕竟都是省略号了省略的内容肯定在最后啊，这个很好理解，不行你可以试试在后面加参数输出是什么结果，我和你赌一包卫龙辣条，会报错。
再来个例子帮你加深理解，输出两个数的和要求一个函数处理加法，一个函数用参数扩展接收传过来的值。
<script>
function show(...args){
fn(...args);
}
function fn(a,b){
alert(a+b)
}
show(2,5);
</script>
<script>
function driveCar(b, y = 5, t = 9){
console.log(b,y,t)
}
driveCar(99,999);
</script>
到这里，函数完事儿~
要说解构赋值作重要的就三句话：
1.左右两边结构必须一样
2.右边必须是个东西
3.声明和赋值不能分开（必须在一句话里完成）
<script>
let arr = [1,2,3]
let [a,b,c] = arr
console.log(a,b,c)
</script>
我感觉你懂了一点了，那你看看这个两个分别输出什么？
<script>
// 1
let {a1,b1,c1} = {a1:"name", value:"password", c1:"class" }
console.log(a1,b1,c1)
// 2
let [{a,b},[n1,n2,n3],num,str] = [{a:123, b:"first"},["n1",999,{ff:"数组n3"}],17,"string"]
console.log(a,b,n1,n2,n3,num,str)
</script>
怎么样爽不爽，左右两边结构必须一样，这句话有没有领悟了呢？那如果示例2中我不想{a,b},[n1,n2,n3]拆开，想输出一个整的数组或是对象怎么办，一样的道理，你先想想你怎么做，在看我的（不许偷看）。
<script>
let [json,arr,num,str] = [{a:123, b:"first"},["n1",999,{ff:"数组n3"}],17,"string"]
console.log(json,arr,num,str)
</script>
这样就输出了！有没有，顺便悄悄告诉你这叫粒度。
<script>
let {a,b} = {12,5}
console.log(a,b)
</script>
这两边结构一样吧但能输出出来才怪了，啥也不是啊哈哈，右边是json格式？key:value来教你做大哥，铁定报错。
<script>
let [a,b];
[a,b] = [12,5]
console.log(a,b)
</script>
第三句话怎么说的来着？声明和赋值不能分开，一句话完成。这铁定报错啊，还能单独整咋地？就哦豁报错了嘛。
解构赋值这三句，完事儿~
| 方法 | 俗称 | 解释 |
|---|---|---|
| map | 映射 | 一个对一个 |
| reduce | 汇总 | 一堆出来一个 |
| filter | 过滤器 | 筛选你要的结果 |
| forEach | 循环（迭代） | item走天下 |
<script>
let arr = [100,59,60,1]
arr.map((item)=>{
alert(item)
})
</script>
*想想alert一次但显示每个分数的两倍怎么做？
<script>
let arr = [100,59,60,1]
let all = arr.map((item)=>{
return item*2
})
alert(all)
</script>
还记得之前的es6说过的嘛？一个return怎么？来优化代码。
<script>
let arr = [100,59,60,1]
let all = arr.map((item)=>item*2)
alert(all)
</script>
<script>
let arr = [100,59,60,1]
let all = arr.map((item)=>item>59?"及格":"不及格")
alert(all)
</script>
