ES6（ECMAScript 6）是 JavaScript 的一种新版本，引入了一些新的语法特性和功能，其中包括 let 和 const 关键字来声明变量。相比于旧版的 var 关键字，let 和 const 具有更加严格的作用域和赋值规则，能够帮助我们更好地管理变量。
在本文中，我们将探讨使用 let 和 const 声明变量时需要注意的事项，以及如何正确地使用它们。
let 和 const 的使用方法
let 和 const 关键字用于声明变量，它们的使用方法类似，但有一些区别。使用 let 声明的变量可以被重新赋值，而使用 const 声明的变量则不能被重新赋值。例如：
let a = 1; a = 2; console.log(a); // 输出 2 const b = 1; b = 2; // 报错，因为 const 声明的变量不能被重新赋值
另外，使用 let 或 const 声明的变量都具有块级作用域，即只在当前代码块内有效。例如：
if (true) {
let c = 1;
const d = 2;
}
console.log(c); // 报错，因为 c 只在 if 代码块内有效
console.log(d); // 报错，因为 d 只在 if 代码块内有效注意事项
在使用 let 和 const 声明变量时，需要注意以下几点：
1. let 和 const 声明的变量不存在变量提升
使用 var 声明的变量存在变量提升，即可以在声明之前使用变量。但是，使用 let 和 const 声明的变量不存在变量提升，必须在声明之后才能使用变量。例如：
console.log(a); // 报错，因为 a 没有被声明 let a = 1;
2. let 和 const 声明的变量不能重复声明
使用 var 声明的变量可以重复声明，但是使用 let 和 const 声明的变量不能重复声明。例如：
let a = 1; let a = 2; // 报错，因为 a 已经被声明过了
3. const 声明的变量必须初始化
使用 const 声明的变量必须在声明时进行初始化，否则会报错。例如：
const a; // 报错，因为 a 没有被初始化
4. const 声明的对象可以修改属性，但不能重新赋值
使用 const 声明的变量不能被重新赋值，但是如果声明的是一个对象，可以修改对象的属性。例如：
const obj = { a: 1 };
obj.a = 2; // 可以修改对象的属性
console.log(obj); // 输出 { a: 2 }
obj = { b: 2 }; // 报错，因为 obj 已经被声明为 const 类型总结
在使用 let 和 const 声明变量时，需要注意变量不存在变量提升、不能重复声明、const 声明的变量必须初始化、const 声明的对象可以修改属性但不能重新赋值等事项。正确使用 let 和 const 可以有效地避免变量污染和作用域问题，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6507028295b1f8cacd29594e