ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构;
【数组】
数据结构具有 Iterator 接口,可采用数组形式的解构赋值;
数组的解构赋值,属于“模式匹配”:
(1)完全解构,即等号两边的模式相同;
(2)不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组;
元素按次序排列的,变量的取值由位置决定,左边的变量会被赋予对应位置的值, 对应位置无值,则变量值为undefined;
ES6 内部使用严格相等运算符(===),判断一个位置是否有值。只有当一个数组成员严格等于undefined,默认值才生效;
【对象】 对象的属性没有次序;
解构的变量,必须与对象的属性同名,才能取到正确的值;
解构的变量,对象没有对应的同名属性,值为undefined;
重命名,变量名与属性名不一致, 书写格式为 属性名A: 变量名B;
对象的解构赋值可以取到继承的属性;
对象的属性值严格等于undefined,默认值才生效;
【字符串】
字符串被转换成了一个类似数组的对象进行解构赋值;
length属性解构;
【数值和布尔值】
等号右边是数值和布尔值,会先转为包装对象(Number和Boolean),可进行解构;
undefined和null无法转为对象,进行解构,会报错;
【函数参数】
(1) 参数是数组;
(2) 参数是对象;
可为参数对象的属性设置默认值,可为参数设置默认值;
【圆括号问题】
不得使用圆括号:
(1)变量声明语句;
(2)函数参数;
(3)赋值语句,模式部分放在圆括号之中;
可使用圆括号:
(1)赋值语句,非模式部分可以使用圆括号;
【解构赋值的用途】
(1)交换变量的值;
(2)从函数返回多个值,放在对象或数组里返回;
(3)函数参数的定义,参数类型为数组或对象, 方便参数值与变量对应;
(4)提取JSON对象中的数据;
(5)函数参数指定默认值,代替var a = o.a || 'd';
(6)遍历Map结构, 解构获取键或值;
(7)引入模块时, 可指定输入哪些方法;