登录
首页 >  文章 >  前端

const常量属性能改吗?深度解析

时间:2026-04-01 08:27:55 323浏览 收藏

很多人误以为用 const 声明的对象就“完全不可修改”,其实 const 仅保证变量绑定不可变——即不能重新赋值,但对对象或数组等引用类型,其内部属性、元素、方法调用依然可以自由修改;真正限制内容变更需依赖 Object.freeze 等显式防护手段,理解这一关键区别,才能避免线上隐患并写出更健壮的 JavaScript 代码。

JavaScript定义常量const后的属性修改合法性分析

const 声明的变量本身不可重新赋值,但其指向的对象内部属性是否可修改,取决于该对象是否为“可变对象”,而非 const 本身。这是 JavaScript 中常被误解的关键点:const 保证的是“绑定不可变”,不是“值不可变”。

const 的本质是“绑定不可变”

const 声明创建一个只读引用,即变量标识符不能再次指向另一个内存地址。但它不阻止对所指向对象内容的修改(前提是该对象本身支持修改)。

  • 对原始值(如 number、string、boolean)用 const 声明后,因原始值不可变,自然无法修改其“值”
  • 对引用值(如 object、array、function)用 const 声明后,变量仍指向同一对象,因此可调用其方法或直接修改属性

对象属性修改完全合法(常见情况)

只要对象未被冻结(freeze)、密封(seal)或设为只读属性(Object.defineProperty + writable: false),其属性增删改均不受 const 影响。

  • ✅ 合法操作: const obj = { a: 1 }; obj.a = 2;obj.b = 3;delete obj.a;
  • ✅ 合法操作(数组): const arr = [1]; arr.push(2); arr[0] = 99;
  • ❌ 非法操作(仅限重赋值): obj = {};arr = []; —— 此时报 TypeError: Assignment to constant variable

如何真正禁止对象内部修改?

若需让 const 对象彻底不可变,必须显式冻结结构:

  • Object.freeze(obj):浅冻结,仅防止自身属性被添加、删除、修改(但嵌套对象仍可变)
  • Object.seal(obj):禁止新增/删除属性,但允许修改现有属性值
  • 深度冻结需手动递归或借助库(如 immer 的 produce 配合 freeze,或自定义 deepFreeze 函数)

特殊情况:Symbol、Proxy、不可扩展对象

某些对象天生具有限制性行为:

  • Object.preventExtensions() 禁止添加新属性后,const 变量仍可修改已有属性(除非同时 freeze)
  • Proxy 可拦截 set 操作,实现运行时校验,与 const 无关但可配合使用
  • Symbol 属性同样受 freeze/seal 影响,但不会被 for...inObject.keys() 枚举

以上就是本文的全部内容了,是否有顺利帮助你解决问题?若是能给你带来学习上的帮助,请大家多多支持golang学习网!更多关于文章的相关知识,也可关注golang学习网公众号。

资料下载
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>