在 ES6 中，let 和 const 是两个非常有用的关键字，它们可以帮助我们更好地管理变量，避免了一些不必要的问题。在本文中，我们将详细介绍如何正确使用 let 和 const。
let
let 可以被视为变量关键字，用于声明一个块级作用域的变量。它的作用域是在声明语句所在的代码块内。
1.定义变量
下面是一个示例，展示了使用 let 声明变量的方式：
function test() {
let a = 1
if (true) {
let a = 2
console.log(a) // 输出 2
}
console.log(a) // 输出 1
}在代码块中，我们可以重新定义变量 a，这不会影响到外部的 a 变量。
2.避免变量提升
由于 let 声明的变量只有在声明语句之后才可用，所以可以避免变量提升的问题。例如：
function test() {
console.log(a) // 报错
let a = 1
}在上面的代码中，变量 a 将只在声明语句 let a = 1 之后才能使用，因此 console.log(a) 会报错。
3.for 循环中使用
在 for 循环中，使用 let 声明变量可以避免一些问题。例如：
for (let i = 1; i <= 5; i++) {
setTimeout(() => {
console.log(i)
}, 1000)
}在上面的代码中，使用 let 声明变量 i，将避免一些问题，因为每次循环中 i 的值都是新定义的。
const
const 也可以被视为变量关键字，用于声明一个不可变的常量，它必须在声明时被初始化，且不能在后面的代码中更改。
1.定义常量
下面是一个示例，展示了使用 const 声明变量的方式：
const PI = 3.1415926 console.log(PI) // 输出 3.1415926
在上面的代码中，我们定义了一个常量 PI，并将它初始化为 3.1415926。由于它是一个常量，我们不能在后面的代码中再次更改它的值。
2.定义数组和对象
使用 const 声明数组和对象时，它们的值可以被更改，但不能重新赋值。例如：
const arr = [1, 2, 3]
arr.push(4)
console.log(arr) // 输出 [1, 2, 3, 4]
const obj = { name: 'foo', age: 18 }
obj.name = 'bar'
console.log(obj) // 输出 { name: 'bar', age: 18 }在上面的代码中，我们使用 const 声明了一个数组和一个对象，它们的值可以被更改，但不能重新赋值。
3.避免变量提升
使用 const 声明变量可以避免变量提升的问题，与使用 let 相似。
function test() {
console.log(a) // 报错
const a = 1
}在上面的代码中，使用 const 声明变量 a ，将避免变量提升的问题，因为它必须在声明时被初始化。
总结
在本文中，我们详细介绍了如何正确使用 ES6 中的 let 和 const。使用 let 和 const 可以帮助我们避免一些 JavaScript 中常见的问题，并提高代码的可读性和可维护性。
了解和熟练使用 ES6 中的 let 和 const 关键字，对于每位前端开发者来说是非常重要的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654c52907d4982a6eb5e3e99