JavaScript 中的 let 和 var 的差异

在 JavaScript 中，我们用 let 和 var 来声明变量。这两个关键词可能看起来相似，但它们之间有一些显著的差异。

var

var 是在 ES5 中引入的关键词，它是在全局作用域或函数作用域中声明变量的方法。var 声明的变量会被提升到所在作用域的顶部，这意味着您可以在声明之前使用变量。

以下是 var 的一个示例：

function example() {
  console.log(x); // 输出 undefined
  var x = 10;
}
example();

在这个示例中，我们尝试在声明 x 变量之前输出它的值。在使用 var 声明的变量中，这是可以正常工作的，但是在变量赋值之前，x 的值为 undefined。

let

let 是在 ES6 中引入的关键词，目的是解决 var 带来的一些问题。与 var 不同，let 声明的变量只在块级作用域中有效。块级作用域由一对花括号 {} 定义。

以下是 let 的一个示例：

function example() {
  console.log(x); // 抛出 ReferenceError: x is not defined
  let x = 10;
}
example();

在这个示例中，我们尝试在声明 x 变量之前输出它的值。由于 let 声明的变量不会被提升到顶部，因此在使用变量 x 之前抛出 ReferenceError 错误。

总结

var 和 let之间的最大区别是作用域。 var 声明的变量在全局或函数作用域中生效，而 let 声明的变量只在块级作用域中有效。值得注意的是，在同一个作用域中，使用 let 重复声明同一个变量将导致 SyntaxError 错误。

在实践中，我们推荐使用 let 来声明变量。let 可以更好地控制变量生命周期，减少了出现未定义行为的几率。