面经秘笈：攻破 JavaScript 基础知识之 let、const 和 var

JavaScript 变量声明：let、const 与 var 的区别

在当今快速发展的技术领域，精通 JavaScript 已成为合格开发者的必要条件。在 JavaScript 面试中，经常被问及的一道问题便是 let、const 和 var 三种变量声明形式之间的区别。本文将深入剖析这三种声明方式的异同，助你轻松应对面试。

变量声明的类型

1. let

let 声明了一个可重新赋值的变量。其作用域仅限于定义它的代码块内，一旦离开代码块，便无法访问该变量。

2. const

const 声明了一个只读变量，不允许重新赋值。与 let 类似，const 的作用域也仅限于定义它的代码块内。

3. var

var 声明了一个可变变量，类似于 let。但需要注意的是，var 的作用域与函数作用域相一致，这意味着在函数内部定义的 var 变量在整个函数范围内都可访问，即使在嵌套函数中也是如此。

作用域

• let 和 const ：块级作用域，仅在定义它们的代码块内有效。
• var ：函数作用域，在定义它们的函数内有效。

重新赋值

• let ：可重新赋值。
• const ：不可重新赋值。
• var ：可重新赋值。

使用场景

何时使用 let

• 当你需要声明一个变量并可能需要在以后更改其值时。
• 示例：

let radius = 10;
// 重新赋值
radius = 15;
console.log(radius); // 输出：15

何时使用 const

• 当你需要声明一个变量且不需要在以后更改其值时。
• 示例：

const PI = 3.14159;
// 尝试重新赋值
PI = 3.14; // 报错：TypeError: Assignment to constant variable.

何时使用 var

• 当你需要声明一个变量并希望它可以在函数的整个作用域内使用时。
• 示例：

function sumArray(arr) {
  var sum = 0;
  for (let i = 0; i < arr.length; i++) {
    sum += arr[i];
  }
  return sum;
}

建议与注意事项

• 优先使用 let 和 const，因为它们可以提高代码的可读性和可维护性。
• 尽量避免使用 var，因为它已经过时且可能会导致一些难以理解的现象。
• const 声明的变量是只读的，确保变量的值在定义时就被正确设置，否则会导致错误。

常见问题解答

1. 为什么 let 和 const 声明的变量没有被提升（hoisting）？

这是因为 let 和 const 的声明只会在代码执行到该行时才被执行，而 var 会被提升到函数的顶部。

2. var 变量声明和函数声明之间有什么区别？

var 变量声明会提升，而函数声明不会。因此，可以在函数声明之前引用 var 声明的变量，但不能在函数声明之前调用函数。

3. let 和 const 变量声明是否被嵌套作用域支持？

是的，let 和 const 支持嵌套作用域，这意味着可以在代码块内声明 let 和 const 变量，并且这些变量只在该代码块内有效。

4. 如何在块级作用域外访问 let 和 const 变量？

可以通过闭包在块级作用域外访问 let 和 const 变量。闭包是一个函数，它可以访问其定义作用域内的变量，即使函数已经执行完毕。

5. 使用 let 和 const 有哪些好处？

使用 let 和 const 可以提高代码的清晰度、可预测性和安全性。通过限制变量的作用域，可以减少意外变量覆盖和冲突，从而使代码更容易理解和维护。