js 解构

解构: 从一个大的对象中抽取想要的部分成员，单独使用
3种:
1.数组解构: 从数组中抽取想要的元素出来，单独使用
如何: 下标对下标:
var arr=[1,2,3];
↓
var [x,y,z]=arr
var x,y,z
结果: x=1, y=2, z=3
arr[0]//麻烦，且没有意义
2.对象解构: 从对象中抽取想要的成员出来，单独使用
如何: 属性名对属性名
var obj={x:1, y:2, z:3}
↓ ↓ ↓
var {x:a, y:b, z:c}=obj;
obj.x obj.y obj.z //麻烦
结果: a=1, b=2, c=3
简写: var {x:x, y:y, z:z}=obj;
可简写为var {x,y,z}=obj;

3. 参数解构:
何时: 当参数列表中有多个参数值不确定时
问题: 形参列表中有多个参数不确定是否有值
解决: 参数解构:
如何: 2步:
1. 定义函数时: 形参列表使用对象语法
function({a,b,c})
其中 a b c 都可以有默认值
2. 调用函数时：也使用对象语法传参
function({a:1,b:2,c:3})