js 参数解构_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})