ES6 let与const

ES6 let与const

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。

Let

let 特性：

1. 声明变量只有在let所在的代码块内有效。
2. let只能声明一次。
3. 不存在变量提升。
4. 不影响作用域。
= 注意：通常与循坏一起使用

代码块内有效
let 是在代码块内有效，var 是在全局范围内有效:

{
  let a = 0;
  var b = 1;
}
a  // ReferenceError: a is not defined
b  // 1`

不能重复声明
let 只能声明一次 var 可以声明多次:

let a = 1;
let a = 2;
var b = 3;
var b = 4;
a  // Identifier 'a' has already been declared
b  // 4

不能重复声明
let 只能声明一次 var 可以声明多次:

let a = 1;
let a = 2;
var b = 3;
var b = 4;
a  // Identifier 'a' has already been declared
b  // 4

不存在变量提升
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 特性：

1. 声明一个只读常量，一旦声明，常量的值就不能改变。
2. 声明必须赋初始值。
3. 标识符一般为大写。
4. 只能声明一次。
5. 不允许修改。
6. 块级作用域。
= 注意：对象和数组修改不会触发const错误

let const var 三者的区别

1. 块级作用域： 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。
2. 变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。
3. 重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。
4. 暂时性死区： 在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区。
5. 初始值设置： 在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。
   

---

• 失联

最后编辑时间 2023，09，21；20：15