news 2026/5/27 20:12:49

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/5/25 17:32:12

企业如何构建自己的管理体系:从理念到实践

在瞬息万变的商业环境中,一套科学、高效的管理体系是企业持续发展的基石。它不仅关系到日常运营的效率,更影响着企业的核心竞争力与市场适应性。那么,企业究竟该如何构建属于自己的管理体系呢?本文将从理念、流程、工具三个层面展…

作者头像 李华
网站建设 2026/5/22 20:58:38

Kotaemon镜像发布:打造高性能RAG智能体的首选框架

Kotaemon镜像发布:打造高性能RAG智能体的首选框架 在企业级AI应用加速落地的今天,一个核心问题日益凸显:如何让大语言模型(LLM)不仅“能说”,还能“说得准、有依据、可操作”?许多团队在构建智能…

作者头像 李华
网站建设 2026/5/26 21:07:14

千匠网络农贸大宗电商系统:技术解决方案与行业实践深度解析

一、 行业背景与核心挑战农贸大宗商品交易(涵盖蔬菜、水果、粮油、肉类等)正经历从线下撮合向线上化、平台化发展的关键阶段。该转型面临四大公认挑战:1. 信息不对称:价格、货源质量不透明,依赖熟人网络。2. 交易信任成…

作者头像 李华
网站建设 2026/5/23 18:52:38

Linux创作笔记综合汇总篇

这里是莫白媛,大学是学计科的,喜欢Java和Android以及web开发,目前从事运维工作,呼呼!【探秘Linux世界:从骨架到语言】 Linux不仅是操作系统,更是一个精密协作的生态系统。其基础结构犹如一座分层…

作者头像 李华
网站建设 2026/5/27 14:30:00

ET框架完整解析:构建高性能分布式游戏的技术实践

ET框架完整解析:构建高性能分布式游戏的技术实践 【免费下载链接】ET Unity3D 客户端和 C# 服务器框架。 项目地址: https://gitcode.com/GitHub_Trending/et/ET ET框架作为一款专为Unity3D和C#服务器设计的双端开发框架,正在重新定义游戏开发的效…

作者头像 李华
网站建设 2026/5/26 8:29:39

免费文档库!萝卜头文档安卓手机端,搜索后复制网盘地址下载

宝子们!之前安利过的萝卜头文档 PC 端,同作者开发的安卓版来啦~ 软妹刚测试发现 PC 端已经失效,好多文档下载不了,好在这款安卓端还能正常下载,实用性拉满!不管是找资料还是存文档,有…

作者头像 李华