JS变量如何声明_J*aScript变量声明varletconst使用区别与场景

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

JS变量如何声明_J*aScript变量声明varletconst使用区别与场景

2025-11-16

浏览次数：次

返回列表

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

js变量如何声明_javascript变量声明varletconst使用区别与场景

J*aScript 中声明变量的方式主要有 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 的缺陷：

作用域为块级作用域（{} 内），如 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

适合声明需要重新赋值的变量，是目前最常用的变量声明方式。

Visla

AI视频生成器，快速轻松地将您的想法转化为视觉上令人惊叹的视频。

100 查看详情 Visla

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 地址、固定不变的数据等。