JS变量如何声明_JavaScript变量声明varletconst使用区别与场景

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免费学习笔记（深入）”；

人声去除

用强大的AI算法将声音从音乐中分离出来

23

查看详情

• 作用域为块级作用域（{} 内），如 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 代码更清晰、更安全。

以上就是JS变量如何声明_JavaScript变量声明varletconst使用区别与场景的详细内容，更多请关注php中文网其它相关文章！