当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript 中 let、var 和 const 之间的区别是什么：简单解释

JavaScript 中 let、var 和 const 之间的区别是什么：简单解释

来源：dev.to 2024-12-02 16:00:51 0浏览收藏

推广推荐

支持 PC / 移动端，安全直达

哈喽！今天心血来潮给大家带来了《JavaScript 中 let、var 和 const 之间的区别是什么：简单解释》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

了解 javascript 中 let、var 和 const 之间的区别

在 javascript 中，您可以使用 let、var 和 const 声明变量。这些关键字可能看起来相似，但它们具有关键差异，可以显着影响代码的行为方式。在本文中，我们将解释它们之间的差异，并帮助您了解何时使用它们。

var、let 和 const 之间的主要区别

var	让	常量
引入于：自 javascript 诞生以来就可用。	引入于：添加于 es6 (ecmascript 2015)。	引入于：添加于 es6 (ecmascript 2015)。
作用域：函数作用域。 var 变量可以在声明它的整个函数中访问。	范围：块范围。 let 变量只能在声明它的块 {} 内访问。	scope：块作用域，就像let一样。
提升行为：var 变量被提升并可以在声明之前使用（尽管它们将是未定义的）。	提升行为：让变量被提升但不初始化，因此在声明之前不能使用它们。	提升行为：与let类似，const变量被提升但未初始化，因此必须在使用前声明它们。
重新声明：您可以在同一范围内重新声明 var 变量，不会出现任何错误。	重新声明：不能在同一范围内重新声明 let 变量。	重新声明：不能重新声明 const 变量，类似于 let。
重新赋值：用var声明的变量可以被重新赋值。	重新赋值：用let声明的变量也可以重新赋值。	重新赋值：用const声明的变量不能被重新赋值；他们是不变的。

举例说明差异

这是一个示例，展示了 var、let 和 const 的不同行为：

function userDetails(username) {
  if (username) {
    console.log(salary); // Output: undefined (due to hoisting)
    console.log(age); // Error: ReferenceError: Cannot access 'age' before initialization
    console.log(country); // Error: ReferenceError: Cannot access 'country' before initialization

    let age = 30;
    var salary = 10000;
    const country = "USA";

    // Trying to reassign const
    // country = "Canada"; // Error: Assignment to constant variable.
  }

  console.log(salary); // Output: 10000 (accessible due to function scope)
  console.log(age); // Error: age is not defined (due to block scope)
  console.log(country); // Error: country is not defined (due to block scope)
}
userDetails("John");

示例说明：

用var提升：用var声明的salary变量被提升到函数的顶部。这就是为什么你可以在声明之前访问它，尽管它的值在赋值之前是未定义的。
使用let和const提升：age和country变量也被提升，但与var不同的是，它们没有初始化。这意味着您无法在声明之前访问它们，从而导致引用错误。
块作用域： 在 if 块之后，由于 var 具有函数作用域，因此仍然可以访问工资。然而，age（用let声明）和country（用const声明）都是块作用域的，因此不能在块外访问它们。
用const重新赋值：用const声明的变量不能被重新赋值。在示例中，尝试更改国家/地区的值将导致错误。