deconstruction

一、变量

1、let 和 const 没有变量提升效果。
2、let 和 const 不允许重复声明。
3、常量（不可更改）,且常量推荐用大写，const NUM_STABLE = 1;

dd = 3;
let dd; // error

dd = 3;
var dd; // dd = 3

二、块级作用域

let arrByES6 = [];
for (let i = 0; i < 10; i++) {
  arrByES6[i] = function () {
    console.log(i);
  };
}
arrByES6[6](); // 6

var arrByES5 = [];
for (var i = 0; i < 10; i++) {
  arrByES5[i] = function () {
    console.log(i);
  };
}
arrByES5[6](); // 10

// 只要块级作用域内存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响，不会去找全局内同名变量。
var tmp = 123;
if (true) {
  tmp = 'abc';
  let tmp;
  console.log(tmp);
}

// 类似的：
// 正确
function bar (y = 2, x = y) {
  return [x, y];
}
bar(); 
// 错误 同上原理，x = y时，y还未设置默认值2，且y相当于未声明，却进行调用。
function bar (x = y, y = 2) {
  return [x, y];
}
bar();

三、变量解构：

1、数组解构赋值

• 数组的元素是按次序排列的，等号的右边不是数组(或者严格地说，不是可遍历的结构)无法解构。

let [a, b, , c] = [1, 2, 3, 6];
let [d, [[e], f]] = [1, [[2], 3]];
let [g, ...h] = [1, 2, 3, 4];
let [i, [j], k] = [1, [2, 3], 4];
const [x, y, ...z] = ['a'];

console.log('a:' + a + ';' + typeof a);
console.log('b:' + b + ';' + typeof b);
console.log('c:' + c + ';' + typeof c);
console.log('d:' + d + ';' + typeof d);
console.log('e:' + e + ';' + typeof e);
console.log('f:' + f + ';' + typeof f);
console.log('g:' + g + ';' + typeof g);
console.log('h:' + h + ';' + typeof h);
console.dir(h);
console.log('i:' + i + ';' + typeof i);
console.log('j:' + j + ';' + typeof j);
console.log('k:' + k + ';' + typeof k);
console.log('x:' + x + ';' + typeof x);
console.log('y:' + y + ';' + typeof y);
console.log('z:' + z + ';' + typeof z);
console.dir(z);

1.2 默认值:

左侧赋值则为默认值，右侧再次赋值会覆盖，但是undefined不能覆盖。
let [x, y = 'b', z = 33, m = 11] = ['a', undefined, 'cover', null];
console.log(x, y, z, m);

2、对象解构赋值

• 变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名如果变量不同名字，则匹配模式需要相同。

var { bar, foo } = { foo: 'aaa', bar: 'bbb' };
console.log(foo);
console.log(bar);

• 对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者。

// 对象的解构赋值是下面形式（键值对）的简写,f和l变成了变量。
let obj = { first: 'hello', last: 'world' };
let { first: f, last: l } = obj;
console.log(f + ' ' + l);  // hello world
console.log(first); // error

• 注意：let命令下面一行的圆括号是必须的，否则会报错。因为解析器会将起首的大括号，理解成一个代码块，而不是赋值语句。

let get;
({get} = {get: 1});
console.log(get);

3、字符串，布尔解构

• 只要等号右边的值不是对象，就先将其转为对象。由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错。

const [a, b, c, d, e] = 'hello';
console.log(a, b, c, d, e);

let {toString: s} = 123;
console.log(s);
console.log(s === Number.prototype.toString);

四、变量解构用途

1、变量交换

let x = 3;
let y = 5;
let judge = true;
if (judge) {
  [x, y] = [y, x];
  console.log(x, y);
}

2、函数返回多个值

function example () {
  return [1, 2, 3];
}
var [a, b, c] = example();
console.log(a, b, c);

3、作为函数参数

function foo ({a, b, c}) {
  console.log(a, b, c);
}
foo({a: 3, b: 2, c: 8});

4、提取json

var jsonData = {
  id: "42",
  status: "OK",
  data: [867, 5309]
};
let { id, status, data: number } = jsonData;
export {
  numChunkScope,
  num,
  NUM_STABLE
};

5.遍历 Map 结构

var map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
  console.log(key + ' is ' + value);
}