JavaScript中声明变量有var、let、const三种方式。1. var为函数作用域,存在变量提升,允许重复声明,不推荐使用;2. let为块级作用域,存在暂时性死区,禁止重复声明,适合需重新赋值的场景;3. const也为块级作用域,声明时必须初始化,不可重新赋值,但可修改对象属性或数组元素,推荐用于固定值。优先使用const,其次let,避免var。

JavaScript 中声明变量的方式主要有 var、let 和 const 三种。它们在作用域、提升机制和重复声明等方面有明显区别,适用于不同场景。
1. var:函数作用域,存在变量提升
var 是 ES5 及之前版本中声明变量的主要方式,具有以下特点:
- 作用域为函数作用域,在函数内部声明的 var 变量在整个函数内有效
- 存在变量提升(hoisting),即变量声明会被提升到作用域顶部,但赋值不会
- 允许重复声明同一个变量
- 在全局作用域中使用 var 声明的变量会成为 window 对象的属性
console.log(a); // undefined(不是报错) var a = 10; var a = 20; // 合法
由于 var 的作用域不够精细,容易引发意外错误,现在不推荐在新项目中使用。
2. let:块级作用域,禁止重复声明
let 是 ES6 引入的声明方式,用于解决 var 的缺陷:
立即学习“Java免费学习笔记(深入)”;
- 作用域为块级作用域({} 内),如 if、for、while 等代码块中声明的变量只在该块内有效
- 存在暂时性死区(TDZ),在声明前访问变量会报错
- 不允许在同一作用域内重复声明
- 不会成为 window 对象的属性
if (true) {
let b = 20;
}
// console.log(b); // 报错:b is not defined
let c = 10;
// let c = 20; // 报错:Identifier 'c' has already been declared
适合声明需要重新赋值的变量,是目前最常用的变量声明方式。
3. const:块级作用域,声明常量
const 也属于 ES6,用于声明一个不可重新赋值的变量:
- 同样是块级作用域
- 必须在声明时初始化
- 不能被重新赋值,也不能重复声明
- 注意:const 声明的对象或数组,其属性或元素可以修改,只是引用地址不能变
const PI = 3.14;
// PI = 3.15; // 报错:Assignment to constant variable.
const obj = { name: "Tom" };
obj.name = "Jerry"; // 允许,修改对象属性
// obj = {}; // 报错:不能重新赋值
const arr = [1, 2];
arr.push(3); // 允许
推荐用于声明配置项、API 地址、固定不变的数据等。
使用建议与场景总结
- 优先使用 const:当你确定变量不会被重新赋值时,用 const 声明,提高代码可读性和安全性
- 需要重新赋值时使用 let:如循环计数器、状态标志等
- 避免使用 var:除非维护老项目,否则不建议使用
基本上就这些。合理使用这三种声明方式,可以让 JavaScript 代码更清晰、更安全。










