ECMAScript 2016：let/const 与 var 的差异及使用场景
介绍
ECMAScript 2016 引入了 let 和 const 关键字，用于声明变量。它们与 JavaScript 中已有的 var 关键字不同，拥有更好的作用域管理和类型约束，因此也就有了不同的使用场景。
let 和 var 的差异
作用域
var 声明的变量存在变量提升的问题，即在声明前就可以使用变量，在执行过程中才会被赋值。而 let 声明的变量不存在变量提升，只有在声明后才能被使用。这样做的好处是可以避免在未声明变量的情况下使用变量，从而增强代码的可读性和安全性。
console.log(foo); // undefined var foo = 'bar'; console.log(foo); // bar console.log(baz); // ReferenceError: baz is not defined let baz = 'qux'; console.log(baz);
重复声明
var 可以重复声明同一个变量，而后面的声明会覆盖前面的。let 则不允许重复声明同一个变量，否则会报错。
var foo = 'bar'; var foo = 'baz'; console.log(foo); // baz let baz = 'qux'; let baz = 'quux'; // SyntaxError: Identifier 'baz' has already been declared
块级作用域
var 声明的变量仅有全局作用域和函数作用域，不能作用于 {} 中的代码块。而 let 声明的变量可以作用于 {} 中的代码块，这样可以更细粒度地管理作用域。
-- -------------------- ---- ------- --- --- - ------ ----------------- -- --- - --- --- - ------ - ----------------- -- --- --- --- - ------ ----------------- -- --- - --- --- - ------- - ----------------- -- ---
const 的特点
const 与 let 的区别在于，使用 const 声明的变量是常量，不能再次赋值。这样可以保证变量的值不被意外更改，从而增强代码的可维护性。
const foo = 'bar'; foo = 'baz'; // TypeError: Assignment to constant variable. const arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4]
需要注意的是，const 声明的常量只是针对该变量引用指向的地址不可变（例如，数组和对象的地址），而变量引用所指向的内容可以改变。因此，在声明常量时要特别注意。
使用场景
- 如果变量的值要在声明后被改变，使用 let；
- 如果变量的值不应该被修改，使用 const；
- 尽量避免使用 var，以避免意外的问题。
示例代码
-- -------------------- ---- ------- --- ------------ - -- --- ----------- - --- -- --------------- --- --- --- ---- - - -- - - ------------ ---- - ------------ -- -- - -------------------------- -- -- -- ------- -- ------- ----- -- - ----------------------- -- ----------------------------- ----- ----- - --- -- --- -------------- ------------------- -- --- -- -- --
结论
let 和 const 关键字的出现，提升了 JavaScript 的开发体验和代码质量。let 声明变量，消除了变量提升问题，避免了使用未声明变量的情况。const 声明常量，可以保证代码的可维护性和代码质量。在编写 JavaScript 代码的过程中，需要结合实际情况，选择正确的声明方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671a2aa39babaf620fa1bdf9