var，let，const三者的特点和区别 一、var的特点 1、存在变量提升 console.log(a); // undefined var a = 10;
// 编译过程 var a; console.log(a); // undefined a = 10; 1 2 3 4 5 6 7 2、一个变量可多次声明，后面的声明会覆盖前面的声明 var a = 10; var a = 20; console.log(a); // 20 1 2 3 3、在函数中使用var声明变量的时候，该变量是局部的 var a = 10; function change(){ var a = 20; } change(); console.log(a); // 10 1 2 3 4 5 6 而如果在函数内不使用var，该变量是全局的 var a = 10; function change(){ a = 20 }; change(); console.log(a); // 20 1 2 3 4 5 6 二、let的特点 1、不存在变量提升，let声明变量前，该变量不能使用（暂时性死区）。 console.log(a); // ReferenceError: a is not defined let a = 10; 1 2 2、let命令所在的代码块内有效，在块级作用域内有效 { let a = 10; } console.log(a); // ReferenceError: a is not defined 1 2 3 4 3、let不允许在相同作用域中重复声明，注意是相同作用域，不同作用域有重复声明不会报错 let a = 10; let a = 20; // Uncaught SyntaxError: Identifier 'a' has already been declared
let a = 10; { let a = 20; } // ok 1 2 3 4 5 6 7 8 9 三、const 1、const声明一个只读的变量，声明后，值就不能改变 const a = 10; a = 20; // TypeError: Assignment to constant variable. 1 2 2、const必须初始化 const a; // SyntaxError: Missing initializer in const declaration const a = 10; // ok 1 2 3、const并不是变量的值不能改动，而是变量指向的内存地址所保存的数据不得改动 const obj = { age: 17 } obj.age = 18; // ok
obj = { age: 18 } // SyntaxError: Identifier 'obj' has already been declared 1 2 3 4 5 6 7 8 9 4、let该有的特点const都有 四、区别 变量提升 var声明的变量存在变量提升，即变量可以在声明之前调用，值为undefined let和const不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错
块级作用域 var不存在块级作用域 let和const存在块级作用域
重复声明 var允许重复声明变量 let和const在同一作用域不允许重复声明变量
修改声明的变量 var和let可以 const声明一个只读的常量。一旦声明，常量的值就不能改变，但对于对象和数据这种引用类型，内存地址不能修改，可以修改里面的值。
五、使用 能用const的情况下尽量使用const，大多数情况使用let，避免使用var。 const > let > var const声明的好处，一让阅读代码的人知道该变量不可修改，二是防止在修改代码的过程中无意中修改了该变量导致报错，减少bug的产生。let声明没有产生预编译和变量提升的问题，先声明再使用可以让代码本身更加规范，let是个块级作用域，也不会污染到全局的变量声明。 最后说一点就是使用的场景说明：let一般应用于基本数据类型；const 一般应用于引用数据类型，也就是函数对象等。
