0

0

如何声明变量_JavaScript中let和const的区别是什么

幻影之瞳

幻影之瞳

发布时间:2026-01-05 20:38:02

|

175人浏览过

|

来源于php中文网

原创

const声明必须初始化且不可重赋值,let允许后续赋值;两者均有TDZ;默认优先用const,仅需重赋值时用let;const锁定绑定而非值,let在闭包中提供独立块级绑定。

如何声明变量_javascript中let和const的区别是什么

let 和 const 都会创建块级作用域变量,但 const 要求必须初始化且不可重新赋值

这是最核心的区别:不是“常量不能改”,而是“绑定不能重赋值”。const 声明的变量在声明时就必须给初始值,之后不能再用 = 赋新值;let 则允许后续赋值,也允许先声明后赋值。

  • const 声明不等于“值不可变”——比如 const obj = {a: 1},你仍可以执行 obj.a = 2obj.b = 3,因为对象本身没被替换,只是属性在变
  • let 允许重复声明同一作用域内的不同变量(如循环中),但不允许在同一作用域内重复声明同名变量,否则报 Identifier 'x' has already been declared
  • 两者都存在“暂时性死区(TDZ)”:在声明语句之前访问会抛出 ReferenceError,不像 var 那样提升并初始化为 undefined

什么时候该用 const,什么时候该用 let

默认优先用 const,只有明确需要后续重新赋值时才换 let。这不是风格偏好,而是代码意图的显式表达。

  • 函数参数、对象/数组解构、模块导入(import)默认都是 const 绑定
  • 循环变量用 let(如 for (let i = 0; i ),因为每次迭代都需要新绑定;若用 const 会立即报错
  • 计数器、状态标记、临时中间值(如 let temp = x * 2)适合 let
  • 配置项、DOM 引用、API 实例(如 const modal = document.getElementById('modal'))应优先 const

var、let、const 的提升和作用域差异

三者行为差异集中在“是否提升”和“作用域边界”上,直接影响变量能否提前访问和是否被外层污染。

  • var:函数作用域,声明会被提升(hoisted),初始化为 undefined,可重复声明
  • let / const:块级作用域({}iffor 等内部),声明被提升但不初始化,访问触发 TDZ 错误
  • constlet 多一层限制:必须在声明时初始化,否则语法错误 Missing initializer in const declaration
if (true) {
  console.log(x); // ReferenceError: Cannot access 'x' before initialization
  let x = 1;
  const y = 2;
  console.log(y); // OK
}

常见错误场景和修复建议

很多运行时问题其实源于混淆了“绑定不可变”和“值不可变”,或忽略了 TDZ。

阿里云-虚拟数字人
阿里云-虚拟数字人

阿里云-虚拟数字人是什么? ...

下载

立即学习Java免费学习笔记(深入)”;

  • const 声明前使用(哪怕只读)→ 改成 let 或调整顺序
  • 试图对 const arr = [1, 2] 执行 arr = [3, 4] → 报错;但 arr.push(3) 合法;若真要冻结内容,需配合 Object.freeze(arr)
  • for...infor...of 中误用 const → 循环变量必须用 let,否则每次迭代都会尝试重新绑定
  • 导出模块时写 export const foo = () => {} 是安全的;但若想动态改导出值(极少见),得用 let + export { foo } 形式

真正容易被忽略的是:const 对引用类型只锁定“指向”,不锁定“内容”;而 let 的块级绑定在闭包和异步回调中表现更可预测——比如循环里 setTimeout,用 let 自动获得每次迭代的独立绑定,用 var 就会全部输出最后一个值。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1462

2023.10.24

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

722

2023.08.22

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

520

2023.09.20

go语言闭包相关教程大全
go语言闭包相关教程大全

本专题整合了go语言闭包相关数据,阅读专题下面的文章了解更多相关内容。

133

2025.07.29

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

4262

2023.07.31

网页undefined是什么意思
网页undefined是什么意思

网页undefined是指页面出现了未知错误的意思,提示undefined一般是在开发网站的时候定义不正确或是转换不正确,或是找不到定义才会提示undefined未定义这个错误。想了解更多的相关内容,可以阅读本专题下面的文章。

2917

2024.08.14

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

179

2025.12.25

DOM是什么意思
DOM是什么意思

dom的英文全称是documentobjectmodel,表示文件对象模型,是w3c组织推荐的处理可扩展置标语言的标准编程接口;dom是html文档的内存中对象表示,它提供了使用javascript与网页交互的方式。想了解更多的相关内容,可以阅读本专题下面的文章。

2830

2024.08.14

java学习网站推荐汇总
java学习网站推荐汇总

本专题整合了java学习网站相关内容,阅读专题下面的文章了解更多详细内容。

6

2026.01.08

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.1万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号