ES6知识

• ES6对比以往的JS语法多了 let 和 const 

• let命令

  如果说以前的 var 是全局变量 , 那么 let 就是局部变量,只在声明的代码块部分生效,且不能重复声明, 适用于一些内部循环 , 不会出现变量提升

变量提升

let 不存在变量提升，var 会变量提升:

console.log(a);  //ReferenceError: a is not defined
let a = "apple";
 
console.log(b);  //undefined
var b = "banana";

变量 b 用 var 声明存在变量提升，所以当脚本开始运行的时候，b 已经存在了，但是还没有赋值，所以会输出 undefined。

变量 a 用 let 声明不存在变量提升，在声明变量 a 之前，a 不存在，所以会报错。

• const 命令

  const 声明一个只读变量，声明之后不允许改变。意味着，一旦声明必须初始化，否则会报错。

  基本用法：

const PI = "3.1415926";
PI  // 3.1415926

const MY_AGE;  // SyntaxError: Missing initializer in const declaration   

• 使用 let 与 const 时会出现暂时性死区

暂时性死区

var PI = "a";
if(true){
  console.log(PI);  // ReferenceError: PI is not defined
  const PI = "3.1415926";
}

ES6 明确规定，代码块内如果存在 let 或者 const，代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内，在声明变量 PI 之前使用它会报错。