解构赋值1-数组解构

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）

 

数组的解构赋值的基本用法：

1.按照对应位置，对变量赋值

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

2.本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值

 1 let [foo, [[bar], baz]] = [1, [[2], 3]];
 2 foo // 1
 3 bar // 2
 4 baz // 3
 5 let [ , , third] = ["foo", "bar", "baz"];
 6 third // "baz"
 7 let [x, , y] = [1, 2, 3];
 8 x // 1
 9 y // 3
10 let [head, ...tail] = [1, 2, 3, 4];
11 head // 1
12 tail // [2, 3, 4]
13 let [x, y, ...z] = ['a'];
14 x // "a"
15 y // undefined
16 z // []

如果解构不成功，变量的值就等于undefined

 

3.不完全解构

等号左边与一部分右边匹配

let [x, y] = [1, 2, 3];
x // 1
y // 2
let [a, [b], d] = [1, [2, 3], 4];
a // 1
b // 2
d // 4

 

4.如果等号右边不是数组或者不是可遍历的结构，将会报错

// 报错
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;

 

5.默认值

解构赋值允许指定默认值

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

es6内部使用严格相等符 === 来判断一个位置是否有值，所以只有当成员严格等于undefined时，默认值才会生效

let [x = 1] = [undefined];
x // 1
let [x = 1] = [null];
x // null

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

 

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

let [x = 1, y = x] = [];     // x=1; y=1
let [x = 1, y = x] = [2];    // x=2; y=2
let [x = 1, y = x] = [1, 2]; // x=1; y=2
let [x = y, y = 1] = [];     // ReferenceError: y is not defined

 

标签：默认值,undefined,解构,let,数组,foo,赋值
来源： https://www.cnblogs.com/joliezz/p/16088397.html