ES6 变量的解构赋值

1. 用途

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

1. 交换变量的值

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

2. 从函数返回多个值 函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。

// 返回数组
function example() {
    return [1, 2, 3]
}
let [a, b, c] = example()；

// 返回一个对象
function example() {
    return {
         foo: 1, 
         bar: 2
    }
}
let { foo, bar } = example()

3. 函数参数的定义 解构赋值可以方便地将一组参数与变量名对应起来

// 参数是一组有次序的值
function f([x, y, z]) {}
f([1, 2, 3])

// 参数是一组无次序的值
function f({x, y, z}) {}
f({z: 3, y: 2, x: 1})

4. 提取JSON数据 解构赋值对提取JSON对象中的数据特别有用,可以快速提取JSON数据的值。

let jsonData = {
    id: 42,
    status: 'ok',
    data: [90, 89]
};
let { id， status, data, number } = jsonData;
console.log(id, status, number);

5. 指定默认值

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

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

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

因为ES6内部使用严格相等运算符(===),判断一个位置是否有值，只有当一个数组成员严格等于undefined,默认值才会生效。

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

function f() {
    console.log('aaa');
}
let [x = f()] = [1];

上面的函数根本不会执行，上面的代码等同于：

let x;
if([1][0] === undefined) {
     x = f();
} else {
     x = [1][0]
}

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

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

6. 遍历Map解构

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

如果只想获取键名，或者只想获取键值，可以写成下面这样。

// 获取键名
for(let [key] of map) {
}

// 获取键值
for(let [,value] of map) {
}

7. 输入模块的指定写法

const { SourceMap } = require('source-map')

2. 基本用法

let a = 1;
let b = 2;
let