news 2026/4/23 6:22:48

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/4/23 12:54:16

Kotaemon健身计划生成:个性化运动处方

Kotaemon健身计划生成:个性化运动处方 在智能健康设备普及的今天,用户早已不再满足于“每天走一万步”或“每周练三次胸”的通用建议。越来越多的人开始追问:“我膝盖受过伤,还能做深蹲吗?”“我想减脂但只有晚上能锻炼…

作者头像 李华
网站建设 2026/4/23 11:30:25

我的创作纪念日

机缘 我成为技术创作者的初心,起初只是把笔记拍照分享到团队群,没想到大家反馈特别热烈,有人说“原来这里要注意线程安全问题”,有人追问“如果遇到跨域场景该怎么调整”。看着这些问题,我突然意识到:自己…

作者头像 李华
网站建设 2026/4/23 12:29:42

MedGPT:当AI回答健康问题,它不是医生,但愿做你的“信息初筛员”

每天,有成千上万人在搜索引擎里输入:“头痛三天了,会不会是脑瘤?”“孩子发烧出疹子,要不要马上去医院?” 他们需要的不是医学论文,而是一个清晰、可靠、不吓人的初步指引。正是在这种普遍而急迫…

作者头像 李华
网站建设 2026/4/23 15:31:46

Kotaemon支持Tempo分布式追踪吗?OpenTelemetry后端

Kotaemon支持Tempo分布式追踪吗?OpenTelemetry后端 在构建复杂的智能对话系统时,一个常见的痛点是:当用户反馈“回答太慢”或“结果不准确”时,开发者往往无从下手。日志里一堆信息,却拼不出完整的请求路径&#xff1…

作者头像 李华
网站建设 2026/4/23 13:52:22

实战指南:用ELA+CNN高效识别伪造图像,准确率突破91%

在数字信息泛滥的时代,每一张图片都可能隐藏着真相或谎言。😱 你是否曾怀疑过社交媒体上那些"完美"的照片?是否担心新闻报道中的图片被篡改?现在,通过错误级别分析(ELA)与卷积神经网络(CNN)的强强联合&#…

作者头像 李华
网站建设 2026/4/23 13:57:01

Kotaemon能否生成API文档?Swagger自动化尝试

Kotaemon能否生成API文档?Swagger自动化尝试 在企业级AI系统日益复杂的今天,一个核心挑战浮出水面:如何让智能对话能力不仅“能说”,还能“可集成”?换句话说,当用户通过自然语言与系统交互时——比如问“…

作者头像 李华