数组解构赋值

ES6允许按照一定的模式从数组和对象中提取值从而对变量进行赋值也即解构Destructuring

let

{};上面的语句都会报错因为等号右边的值要么转为对象以后不具备

Iterator

所以只有当一个数组成员严格等于undefined默认值才会生效

let

null上面代码中如果一个数组成员是null默认值就不会生效因为null不严格等于undefined

如果默认值是一个表达式那么这个表达式是惰性求值的即只有在用到的时候才会求值

function

defined上面最后一个表达式之所以会报错是因为x用y做默认值时y还没有声明

let

hello上面代码的例一将Math对象的对数、正弦、余弦三个方法赋值到对应的变量上使用起来就会方便很多

如果变量名与属性名不一致必须写成下面这样

};也就是说对象的解构赋值的内部机制是先找到同名属性然后再赋给对应的变量

let

defined上面代码中foo是匹配的模式baz才是变量。

真正被赋值的是变量baz而不是模式foo

let

5}上面代码有三次解构赋值分别是对loc、start、line三个属性的解构赋值

注意最后一次对line属性的解构赋值之中只有line是变量loc和start都是模式不是变量

let

foo属性不是obj1自身的属性而是继承自obj2的属性解构赋值可以取到这个属性

默认值

null默认值生效的条件是对象的属性值严格等于undefined

上面代码中属性x等于null因为null与undefined不严格相等所以是个有效的赋值导致默认值3不会生效

let

类似数组的对象都有一个length属性因此还可以对这个属性解构赋值

const

TypeError上面代码中数值和布尔值的包装对象都有toString属性因此变量s都能取到值

解构赋值的规则是只要等号右边的值不是对象或数组就先将其转为对象

由于undefined和null无法转为对象所以对它们进行解构赋值都会报错

function

3上面代码中函数add的参数表面上是一个数组但在传入参数的那一刻数组参数就被解构成变量x和y

[[1,

0]上面代码中函数move的参数是一个对象通过对这个对象进行解构得到变量x和y的值

如果解构失败x和y等于默认值

0]上面代码是为函数move的参数指定默认值而不是为变量x和y指定默认值所以会得到与前一种写法不同的结果

[1,

对于编译器来说一个式子到底是模式还是表达式没有办法从一开始就知道必须解析到或解析不到等号才能知道

ES6

x];上面代码交换变量x和y的值这样的写法不仅简洁而且易读语义非常清晰

函数返回多个值

example();函数只能返回一个值如果要返回多个值只能将它们放在数组或对象里返回

function