JS let和const关键字

ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。

Let关键字

1.用于作用域：块作用域，循环作用域，函数作用域，全局作用域，

在 ES2015 之前，JavaScript 是没有块作用域的。

可以使用 let 关键词声明拥有块作用域的变量。

在块 {} 内声明的变量无法从块外访问

{
  let x = 10;
}
// 此处不可以使用 x

　　在相同的作用域，或在相同的块中，通过 let 重新声明一个 var 变量是不允许的；

　　在相同的作用域，或在相同的块中，通过 var 重新声明一个 let 变量是不允许的。

　　通过 var 声明的变量会提升到顶端（Hoisting），通过 let 定义的变量不会被提升到顶端。

　　在声明 let 变量之前就使用它会导致 ReferenceError。变量从块的开头一直处于“暂时死区”，直到声明为止。

2.用于重新声明变量

使用 var 关键字重新声明变量会带来问题。

在块中重新声明变量也将重新声明块外的变量

var x = 10;// 此处 x 为 10
{
  var x = 6;  // 此处 x 为 6
}
// 此处 x 为 6

使用 let 关键字重新声明变量可以解决这个问题。

在块中重新声明变量不会重新声明块外的变量

var x = 10;
// 此处 x 为 10
{
  let x = 6;
  // 此处 x 为 6
}
// 此处 x 为 10

Internet Explorer 11 或更早的版本不完全支持 let 关键词。（18年以前版本）

Const关键字

通过 const 定义的变量与 let 变量类似，但定义变量后不能重新赋值，即不能改变原始值；

常量对象、常量数组可以修改，但是无法重新为常量对象赋值。

// 可以创建 const 对象：
const car = {type:"porsche", model:"911", color:"Black"};
// 可以更改属性：
car.color = "White";
// 可以添加属性：
car.owner = "Bill";
//无法重新为常量对象赋值
car = {type:"Volvo", model:"XC60", color:"White"};    // ERROR

//数组
// 可以创建常量数组：
const cars = ["Audi", "BMW", "porsche"];
// 可以更改元素：
cars[0] = "Honda";
// 可以添加元素：
cars.push("Volvo");
//无法重新为常量数组赋值
cars = ["Honda", "Toyota", "Volvo"];    // ERROR

Internet Explorer 10 或更早版本不支持 const 关键词（17年以前）。类似于Let

在同一作用域或块中，不允许将已有的 var 或 let 变量重新声明或重新赋值给 const；

在同一作用域或块中，为已有的 const 变量重新声明声明或赋值是不允许的