JavaScript 的三种关键字: let、const 和 var

最新推荐文章于 2025-07-17 08:45:54 发布

ZhangInDE

最新推荐文章于 2025-07-17 08:45:54 发布

阅读量385

点赞数 11

CC 4.0 BY-SA版权

文章标签： javascript 开发语言前端

本文链接：https://blog.csdn.net/weixin_55275238/article/details/147078844

在JavaScript中，变量声明有三种关键字: let、const 和 var。每种关键字都有不同的用途和特点。下面我将详细介绍它们。

Var

作用域: var 用于声明一个函数作用域或全局作用域的变量，并且可以选择将其初始化为一个值。

var x = 1;
if (x === 1) {
  var x = 2;
  console.log(x); // output: 2
}
console.log(x); //output: 2

变量提升: var 声明的变量会被提升到其所在的函数或全局作用域的顶部。无论它们出现在脚本中的什么位置，都会在执行脚本中的任何代码之前进行处理。在代码中的任何位置声明变量都相当于在顶部声明它。这也意味着变量可以在其声明之前被使用。这种行为被称为提升，因为变量声明似乎被移动到发生该行为的函数、静态初始化块或脚本源代码的顶部。

a = 2;
var a; // 输出 2

// 上面的代码可以隐式理解为 
var a;
a = 2;

注意：在变量提升时只有变量的声明被提升，而变量的初始化则不会被提升。直到赋值语句被执行，变量才会被初始化。在此之前，变量的值是 undefined（但已声明）。

console.log(a); // 输出 undefined
var a = 10;
console.log(a); // 输出 10

// 这可以隐式理解为 

var a;
console.log(a); // 输出 undefined
a = 10;
console.log(a); // 输出 10

重复声明：你可以重复声明同一个 var 变量，这不会导致错误，但会导致变量覆盖。

var a = 1;
console.log(a); // 输出 1
var a = 2;
console.log(a); // 输出 2
var a;
console.log(a); // 输出 2; undefined

let

作用域：let 声明的变量具有块级作用域（即{}包围的代码块）。
非提升的：let 声明的能在执行到声明所在的位置之后才能被访问。因此，let 声明通常被视为是非提升的。 let 声明在脚本的顶级作用域上声明变量时不会在全局对象上创建属性。
重复声明：重复声明同一个 let 变量会导致语法错误。

{
  console.log(b) //  抛出 ReferenceError， 因为在初始化前不能访问b
  let b = 20;
  console.log(b); // 输出 20
}
console.log(b); // 抛出 ReferenceError，因为 b 是块级作用域的变量

const

作用域：const 声明的作用域既可以是块级作用域，也可以是函数作用域。

非提升的： const 声明只有在声明的位置之后才能访问，因此, const 声明通常被视为非提升的声明方式。

不可重新赋值：const 声明创建了一个对值的不可变引用。它并不意味着它所持有的值是不可变的，只是变量标识符不能被重新赋值。例如，在内容是对象的情况下，这意味着对象的内容（例如属性）是可以被修改(添加、更新或删除)的。

const c = 30;
console.log(c); // 输出 30
c = 40; // 抛出 TypeError，因为 c 已经被初始化


const obj = { key: "值" }; // 声明对象obj
obj.key = "其他值"; // 对象的内容可以被修改