01 ES6标准入门(2-6章)

买了一年多了，当时只是为了应付面试，简单看了一下重点，现在发现第三版都已经出了，可是好多东西我还是模棱两可。塌下心来，认真的学习一遍

第二章 let和const

不存在变量提升

let和const不存在变量提升，所以变量一定要在声明后使用，否则报错

console.log(a); // undefined
var a = 123;

console.log(b); // 报错
let b = 555;

暂时性死区

ES6明确规定，如果区块中存在let和const命令，则这个区块对这些命令声明的变量从一开始就形成封闭作用域，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量

let a = 123;
{
  a = 666; // ReferenceError
  let a;
}

(function test(x = y, y = 2) {
   
  return [x, y] 
})()
// ReferenceError

函数作用域

ES6规定，函数本身的作用域在其所在的块级作用域之内

function f() {
   
  alert('OUTSIDE')
}
(function () {
   
  if (true) {
    function f() {
   
      alert('INSIDE')
    }
  }
  f()
})();
// outside

{
  let a = 'test';
  function f() {
   
    return a
  }
}
f(); // 报错

需要注意的是，如果在严格模式下，函数只能在顶层作用域和函数内部，其他情况（比如if代码块，循环代码块）下的声明都会报错

const

const一旦声明常量，就必须立即初始化

const作用域与let相同，只在声明所在的块级作用域内有效，也存在暂时性死区

对于复合类型的变量，变量名不指向数据，指向地址，所以const只能保证地址不变，不能保证地址对应的数据不变

const a = {};
a.a = 123;
console.log(a);// {a : 123}
a = {}; // 报错

const a = [];
a[0] = 1;
a.length = 2;
console.log(a);// [1, undefined]
a = []; // 报错

可以使用 Object.freeze() 将对象冻结：

const a = Object.freeze({a: 1});
const b = {a: 1};
console.log(a.a);//1
console.log(b.a);//1
a.a = 2;
b.a = 2;
console.log(a.a);//1
console.log(b.a);//2

对于嵌套对象，可以递归调用，冻结所有对象：

let obj = {
  a: 1,
  b: {
    b1: 2
  }
};

obj.b.b1 = 3;
console.log(obj.b.b1 ); //3

function freeze(obj){
   
  Object.freeze(obj);
  Object.values(obj).forEach(function (value,index) {
   
    if(typeof value === 'object'){
      freeze(value);
    }
  })
}

freeze(obj);

obj.b.b1 = 4;
console.log(obj.b.b1); //3

跨模块常量

const声明的常量只在当前代码块有效，如果想设置跨模块的常量，可以采用这样的写法上：

import * as constants form './constants'
console.log(constants.a)

全局对象的属性

在浏览器环境下，全局对象是window对象，在Node.js是global对象

在ES5中，全局变量是全局对象（window）的属性

在ES6中，一方面，var和function命令生命的全局变量依旧是全局对象的属性，另一方面，let、const和class命令声明的全局变量不属于全局对象的属性

var a = 123;
let b = 456;
console.log(window.a);// 123
console.log(window.b);// undefined

第三章

数组的解构赋值

数组解构赋值按照