news 2026/6/15 15:52:22

JavaScript 中的 let、var 和 const( 不能重新赋值 < 但对象/数组内容可修改 > )

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript 中的 let、var 和 const( 不能重新赋值 < 但对象/数组内容可修改 > )

JavaScript 中letvarconst的主要区别总结:

特性varletconst
作用域函数作用域(function-scoped)块级作用域(block-scoped)块级作用域(block-scoped)
变量提升(Hoisting)是(提升至函数顶部,初始值为undefined是(提升但不初始化,处于“暂时性死区”)是(提升但不初始化,处于“暂时性死区”)
可重复声明允许在同一作用域内重复声明不允许在同一块作用域内重复声明不允许在同一块作用域内重复声明
可重新赋值✅ 可以重新赋值✅ 可以重新赋值❌ 不能重新赋值(但对象/数组内容可修改)
初始化要求可不初始化(默认undefined可不初始化必须在声明时初始化
全局对象属性在全局作用域中声明会挂载到window(浏览器)或global(Node.js)不会挂载到全局对象不会挂载到全局对象
适用场景旧代码兼容(不推荐新项目使用)需要重新赋值的变量声明后值不变的常量(如配置、API 地址等)

补充说明:

  • “暂时性死区”(Temporal Dead Zone, TDZ):在块级作用域内,letconst声明的变量在声明前不可访问,否则会抛出ReferenceError
  • const的“不可变”是引用不可变:对于对象或数组,虽然不能重新赋值,但可以修改其内部属性或元素。

Js

const obj = { a: 1 }; obj.a = 2; // ✅ 合法 obj = {}; // ❌ 报错:Assignment to constant variable.

最佳实践:优先使用const,需要重新赋值时用let,避免使用var


const不能重新赋值(但对象/数组内容可修改)


在 JavaScript 中,const声明的变量不能重新赋值,但对象或数组的内容可以被修改。这看似矛盾,其实源于 JavaScript 中值类型(primitive)和引用类型(reference)的区别。


一、核心原理:const保证的是“绑定不变”,不是“值不变”

  • const的含义是:变量标识符与内存地址的绑定是常量
  • 对于基本类型(如 number、string、boolean 等),值直接存储在变量中,因此值不可变。
  • 对于引用类型(如 object、array、function),变量存储的是指向堆内存中对象的引用(地址)const只保证这个引用地址不变,但不阻止你修改该地址所指向的对象内容

二、示例对比

✅ 基本类型(不可变)

const x = 10; x = 20; // ❌ TypeError: Assignment to constant variable.

因为x直接保存值10,重新赋值会改变绑定,违反const规则。


✅ 引用类型(引用不可变,内容可变)

const user = { name: "Alice" }; user.name = "Bob"; // ✅ 合法:修改对象属性 user.age = 30; // ✅ 合法:添加新属性 // user 仍然指向同一个对象,只是对象内部变了 user = { name: "Charlie" }; // ❌ TypeError: Assignment to constant variable.

这里user变量保存的是对象的引用地址。只要不把user指向另一个新对象(即不改变引用),就符合const的规则。


数组同理:

Js

const colors = ["red", "green"]; colors.push("blue"); // ✅ 合法:修改数组内容 colors[0] = "yellow"; // ✅ 合法 colors = ["black"]; // ❌ 报错:试图重新赋值整个变量

三、如何让对象真正“不可变”?

如果希望对象内容也不能被修改,可以使用Object.freeze()

const user = Object.freeze({ name: "Alice" }); user.name = "Bob"; // 在严格模式下会报错;非严格模式下静默失败(无效果)

注意:Object.freeze()是浅冻结,嵌套对象仍可能被修改。如需深度冻结,需递归实现。


四、总结

类型const行为
基本类型值完全不可变
引用类型引用地址不可变,但对象/数组内部可变

💡记住:const≠ “不可变数据”,而是“不可重新赋值的变量”。
若需要真正的不可变性,应结合Object.freeze()或使用不可变数据库(如 Immutable.js)。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/15 9:25:12

Kotaemon能否提取法律要件?合规审查辅助工具

Kotaemon能否提取法律要件?合规审查辅助工具 在企业法务部门的日常工作中,一个看似简单的问题——“这份合同是否符合《民法典》第500条关于要约邀请的规定?”——往往需要耗费数小时进行条文比对、案例检索和内部讨论。法规文本庞大、条款交…

作者头像 李华
网站建设 2026/6/15 15:36:50

Kotaemon文档太难懂?这份新手友好版指南请收好

Kotaemon文档太难懂?这份新手友好版指南请收好 你是不是也遇到过这种情况:兴致勃勃想用一个开源项目做智能问答系统,结果点开文档的第一眼就被满屏的术语和复杂的模块关系劝退?特别是像 Kotaemon 这类面向生产级 RAG(检…

作者头像 李华
网站建设 2026/6/15 16:00:29

军队、公安单位专用EmotiVoice加固版本

军队、公安单位专用EmotiVoice加固版本 在现代军事指挥与公共安全应急响应中,语音不仅是信息传递的载体,更是态势控制、心理干预和权威传达的关键工具。传统广播系统依赖预录音频或机械式合成语音,难以适应复杂多变的实战场景——语气单一、反…

作者头像 李华
网站建设 2026/6/15 5:23:16

Kotaemon自动化报表生成:周报月报一键产出

Kotaemon自动化报表生成:周报月报一键产出 在许多科技公司和项目驱动型团队中,每周一的早晨往往伴随着同一个“仪式”——员工打开文档,开始翻查上周的会议记录、任务系统、代码提交日志,试图拼凑出一份像样的周报。这个过程不仅枯…

作者头像 李华
网站建设 2026/6/15 10:25:55

Kotaemon缓存策略剖析:减少重复计算提升响应速度

Kotaemon缓存策略剖析:减少重复计算提升响应速度 在企业级智能问答系统日益普及的今天,一个看似简单的问题却常常困扰开发者:为什么同样的问题每次询问都要花近一秒甚至更长时间?尤其在客服、IT支持等高频交互场景中,用…

作者头像 李华