ES6解构赋值

数组的解构赋值

let a = 1;
let b = 2;
let c = 3;

ES6允许写成下面这样，

let [a, b, c] = [1, 2, 3];

本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。

let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3


let [ , , third] = ["foo", "bar", "baz"];
third // "baz"

let [x, , y] = [1, 2, 3];
x // 1
y // 3

let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]

let [x, y, ...z] = ['a'];
x // "a"
y // undefined
z // []

• 如果解构不成功，或者是不完全解构中的未解构变量，变量的值就等于undefined。

let [bar, foo] = [1];//foo为undefined

默认值

let [foo = true] = [];
foo // true

let [x, y = 'b'] = ['a']; // x='a', y='b'
let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'

• 所以，只有当一个数组成员严格等于undefined，默认值才会生效(null严格上不等于undefined)。

function f() {
  console.log('aaa');
}

let [x = f()] = [1];

• 默认值也可以是个表达式，上面代码中，因为x能取到值，那么这个表达式是惰性求值的，所以函数f根本不会执行。

• 默认值可以引用解构赋值的其他变量，但该变量必须已经声明。