变量的解构赋值(ES6)

变量的解构赋值

1. 数组的解构赋值

解构： ES6 中允许按照一定的模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构(Destructuring).

1. 基本用法

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

• 完全解构

    let [a, b, c] = [1, 2, 3];
    console.log(a); // 输出1
    let [a, b] = [1];
    console.log(b); // 解构不成功时返回undefined
  

• 不完全解构

  等号左边只匹配到等号右边的一部分。

  let [a, [b], c] = [1, [2, 3], 4];
  console.log(b); // 输出2，只匹配到右边的右边数组[2, 3]中的2 
  

• 不能解构情况

  如果等号右边不是可遍历的解构，或者说等号右边的值或是转换为对象以后也不具备 Iterator 接口，那么就会解构失败。

  let [a] = 1;
  let [a] = false;
  let [a] = NaN;
  let [a] = undefined;
  let [a] = null;
  let [a] = {
       }
  

  **总结：事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值。

2. 默认值

解构赋值允许指定默认值。

ES6内部使用严格相等运算符(===)判断数组的某个位置是否有值。所以，如果一个数组成员不严格等于undefined，默认值是不会生效的。

let [a = 2] = [null];
// a = null
let [a = 2] = [];
// a = 2

如果默认值是一个表达式，那么这个表达式是惰性求值的

function f() {
   
    return 2;
}
let [a = f()] = [1];
// a = 1, f函数不会执行

let [a = f()] =