变量的解构赋值
解构赋值
  数组的解构赋值
    基本用法
      ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）
      本质上，这种写法属于“模式匹配”
        只要等号两边的模式相同，左边的变量就会被赋予对应的值。
      如果解构不成功，变量的值就等于undefined
        let [foo] = [];//foo为undefined
let [bar, foo] = [1];//foo为undefined
      不完全解构：如果待解构的数组有多的位，依然可成功解构
        let [x, y] = [1, 2, 3];
x // 1
y // 2
      如果等号的右边不是数组或不是可遍历的结构，则会报错！
        // 都会报错
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [foo] = {};
      Set 结构是可遍历的结构，因此可以使用数组的结构赋值
        let [x, y, z] = new Set(['a', 'b', 'c']);
x // "a"
      事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值
    默认值
      解构赋值允许指定默认值
        let [x, y = 'b'] = ['a']; // x='a', y='b'
      注意，ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效。
        let [x = 1] = [undefined];
x // 1
let [x = 1] = [null];
x // null
        如果一个数组成员是null，默认值就不会生效，因为null不严格等于undefined
      如果默认值是一个表达式，那么这个表达式是惰性求值的
  对象的解构赋值
    简介
      对象也能使用解构
        let { foo, bar } = { foo: 'aaa', bar: 'bbb' };
foo // "aaa"
bar // "bbb"
      特点是：对象的属性没有次序，只要变量与属性同名，就能取到正确的值
        let { bar, foo } = { foo: 'aaa', bar: 'bbb' };
foo // "aaa"
bar // "bbb"
      如果没有，则解构失败，值为undefined
      有了对象的解构，可以很方便地将现有对象的方法赋值到某个变量
        // 例一
let { log, sin, cos } = Math;
        // 例二
const { log } = console;
log('hello') // hello
      可以取别名
        let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"
      这实际上说明，对象的解构赋值是下面形式的简写
        let { foo: foo, bar: bar } = { foo: 'aaa', bar: 'bbb' };
      也就是说，对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者
      可用于嵌套结构
      如果解构模式是嵌套的对象，而且子对象所在的父属性不存在，那么将会报错
        // 报错
let {foo: {bar}} = {baz: 'baz'};
      对象的解构赋值可以取到继承的属性
        const obj1 = {};
const obj2 = { foo: 'bar' };
Object.setPrototypeOf(obj1, obj2);
const { foo } = obj1;
foo // "bar"
    默认值
      对象的解构也可以指定默认值
        var {x, y = 5} = {x: 1};
x // 1
y // 5
      默认值生效的条件是，对象的属性值严格等于undefined，那就会被赋予默认值
        var {x = 3} = {x: undefined};
x // 3
var {x = 3} = {x: null};
x // null
    注意点
      如果要将一个已经声明的变量用于解构赋值，必须非常小心
        let x;
{x} = {x: 1};
// SyntaxError: syntax error 相当于未经声明就使用
        // 正确的写法
let x;
({x} = {x: 1});
        因为 JavaScript 引擎会将{x}理解成一个代码块，从而发生语法错误。
      解构赋值允许等号左边的模式之中，不放置任何变量名。因此，可以写出非常古怪的赋值表达式。
        ({} = [true, false]);
        ({} = 'abc');
        ({} = []);
        表达式虽然毫无意义，但是语法是合法的，可以执行
      数组本质是特殊的对象，因此可以对数组进行对象属性的解构
        let arr = [1, 2, 3];
let {0 : first, [arr.length - 1] : last} = arr;
first // 1
last // 3
  字符串的解构赋值
    字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象
      const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"
    可以对数组length属性解构
      let {length : len} = 'hello';
len // 5
  数值和布尔值的解构赋值
    如果等号右边是数值和布尔值，则会先转为对应的包装类对象
      let {toString: s} = 123;
s === Number.prototype.toString // true
      let {toString: s} = true;
s === Boolean.prototype.toString // true
  undefined和null的解构会报错
    解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象。由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错。
      let { prop: x } = undefined; // TypeError
      let { prop: y } = null; // TypeError
  函数参数的解构赋值
    函数的参数也可以使用解构赋值
      function add([x, y]){
return x + y;
}
add([1, 2]); // 3
    函数参数的解构也可以使用默认值
      function move({x = 0, y = 0} = {}) {
return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, 0]
move({}); // [0, 0]
move(); // [0, 0]
    undefined就会触发函数参数的默认值
      [1, undefined, 3].map((x = 'yes') => x);
// [ 1, 'yes', 3 ]
  圆括号问题
    解构赋值虽然很方便，但是解析起来并不容易
    由此带来的问题是，如果模式中出现圆括号怎么处理
    ES6 的规则是，只要有可能导致解构的歧义，就不得使用圆括号。
    但是，这条规则实际上不那么容易辨别，处理起来相当麻烦。因此，建议只要有可能，就不要在模式中放置圆括号。
    不能使用圆括号的情况
      变量声明语句
      函数参数
      赋值语句的模式
    可以使用圆括号的情况
      只有一种：赋值语句的非模式部分，可以使用圆括号
        [(b)] = [3]; // 正确
({ p: (d) } = {}); // 正确
[(parseInt.prop)] = [3]; // 正确
  用途
    交换变量的值
      let x = 1;
let y = 2;
[x, y] = [y, x];
    用于从函数返回多个值时
      // 返回一个数组
function example() {
return [1, 2, 3];
}
let [a, b, c] = example();
      // 返回一个对象
function example() {
return {
foo: 1,
bar: 2
};
}
let { foo, bar } = example();
    函数参数的定义
      解构赋值可以方便地将一组参数与变量名对应起来
        function f({x, y, z}) { ... }
f({z: 3, y: 2, x: 1});
    提取 JSON 数据
      let jsonData = {
id: 42,
status: "OK",
data: [867, 5309]
};
let { id, status, data: number } = jsonData;
    遍历 Map 结构
      任何部署了 Iterator 接口的对象，都可以用for...of循环遍历
      Map 结构原生支持 Iterator 接口，配合变量的解构赋值，获取键名和键值就非常方便
        const map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
console.log(key + " is " + value);
}
// first is hello
// second is world
    输入模块的指定方法
      const { SourceMapConsumer, SourceNode } = require("source-map");