J*aScript对象属性描述符与不变性

---

J*aScript对象属性包含属性描述符，可控制属性的可写、可枚举和可配置性，通过Object.defineProperty()设置；数据描述符含value和writable，访问器描述符使用get/set函数；configurable控制属性定义修改，enumerable决定是否参与遍历；Object.preventExtensions()禁止添加属性，Object.seal()密封对象（不可增删），Object.freeze()冻结对象（浅层不可变）；深冻结需递归实现；常用于保护配置、模块常量、状态管理与隐藏私有属性，提升代码安全与稳定性。

J*aScript 中的对象属性不仅仅是键值对，它们还拥有与之关联的属性描述符，用于控制属性的行为。通过这些描述符，我们可以定义属性是否可写、可枚举或可配置，甚至可以实现对象的不变性（即防止对象被修改）。理解这些机制对于编写安全、稳定的代码非常重要。

属性描述符的类型

每个对象属性都有一个对应的“属性描述符”，它是一个内部对象，包含一些控制属性行为的特性。描述符分为两种类型：

• 数据描述符：具有值的属性，可设置是否可写、可枚举、可配置。
• 访问器描述符：由 getter 和 setter 函数驱动的属性，不能同时是数据属性。

所有描述符共有的字段包括：

• configurable：若为 false，则不能删除该属性，也不能改为访问器属性，且某些特性不可再更改。
• enumerable：若为 false，则在 for...in 或 Object.keys() 中不会出现该属性。

数据描述符特有的字段：

• value：属性的值，默认为 undefined。
• writable：若为 false，属性值不可被赋值操作改变。

访问器描述符特有的字段：

• get：获取属性值时调用的函数，可为 undefined。
• set：设置属性值时调用的函数，可为 undefined。

使用 Object.defineProperty() 可以定义或修改属性及其描述符：

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

16094 查看详情 const obj = {};
Object.defineProperty(obj, 'name', {
  value: 'Alice',
  writable: false,
  enumerable: true,
  configurable: false
});

console.log(obj.name); // 'Alice'
obj.name = 'Bob'; // 无效（严格模式下会报错）

创建不可变对象的方法

J*aScript 提供了多个层级来控制对象的不变性，从浅层锁定到深度冻结。

1. 防止扩展（Object.preventExtensions）
不允许向对象添加新属性，已有属性仍可修改或删除。

const obj = { a: 1 };
Object.preventExtensions(obj);
obj.b = 2; // 添加失败，严格模式报错

2. 密封对象（Object.seal）
相当于 preventExtensions + 所有属性 configurable: false。属性不能添加或删除，但可修改值。

Object.seal(obj);
delete obj.a; // 失败
obj.a = 2; // 成功

3. 冻结对象（Object.freeze）
最严格的不可变形式：preventExtensions + 所有属性 writable: false 且 configurable: false。
对象自身不可修改，但注意：只做浅冻结，对象中的嵌套对象仍可变。

const deepObj = { user: { name: 'John' } };
Object.freeze(deepObj);
deepObj.user.name = 'Jane'; // 成功！内部对象未被冻结

要实现深冻结，需递归处理：

function deepFreeze(obj) {
  if (typeof obj !== 'object' || obj === null) return obj;
  Object.getOwnPropertyNames(obj).forEach(name => {
    const prop = obj[name];
    if (typeof prop === 'object' && prop !== null) {
      deepFreeze(prop);
    }
  });
  return Object.freeze(obj);
}

deepFreeze(deepObj);
deepObj.user.name = 'Tom'; // 现在无效

实际应用场景

属性描述符和不变性常用于以下场景：

• 配置对象保护：防止运行时意外修改全局配置。
• 模块导出常量：确保导出的数据结构不被使用者篡改。
• 状态管理：在 Redux 等框架中，state 应视为不可变，freeze 可帮助发现误操作。
• 私有属性模拟：通过 enumerable: false 隐藏不应被遍历的属性。

例如，定义一个只读的配置：

const config = {};
Object.defineProperties(config, {
  apiUrl: { value: 'https://api.example.com', writable: false },
  timeout: { value: 5000, writable: false },
  debug: { value: true, writable: false, enumerable: false } // 不出现在遍历中
});
Object.freeze(config);

基本上就这些。掌握属性描述符让你能更精细地控制对象行为，而合理使用不变性有助于提升程序的可预测性和健壮性。虽然 JS 默认是灵活的，但在关键路径上加点“锁”往往是值得的。

以上就是J*aScript对象属性描述符与不变性的详细内容，更多请关注其它相关文章！

# java  # js  # 键值对  # red  # 递归  # 不变性  # javascript  # seo成功案例解析推广  # seo网络培训seo8  # 怎么防止seo流量丢失  # 漳州网站推广和内容设计  # 百度网站优化特点  # 子洲全网营销推广公司  # seo和b2b  # 微信推广营销软件安卓版  # 合肥空港工业园网站建设  # seo信息是什么意思  # 报错  # 特有的  # 或删除  # 若为  # 键值  # 数据结构  # 移除  # 遍历 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 实时数据流中高效查找最小值与最大值  使用document.execCommand实现Web文本编辑器加粗/取消加粗  CSS动画如何实现图标旋转并放大_transform rotate scale @keyframes实现  Microsoft Edge网页字体太淡看不清怎么办_Microsoft Edge字体渲染优化技巧  海棠阅读网页版_进入海棠网页版在线阅读中心  安居客移动经纪人怎么设置自动回复？-安居客移动经纪人设置自动回复的方法  Excel如何快速找到并断开外部数据源链接_Excel外部数据源断开方法  QQ邮箱官方登录页_腾讯出品安全稳定的邮箱服务  偃武诸葛亮阵容搭配推荐  如何在 WordPress 前端实现内容提交：古腾堡编辑器的替代方案与实践  使用AI在VS Code中将代码从一种语言翻译成另一种  Sublime怎么自动添加CSS前缀_Sublime安装Autoprefixer插件  精通VS Code多光标编辑以实现闪电般快速的修改  泰拉瑞亚水晶无法放置问题  吃完饭就犯困是什么原因 餐后嗜睡如何缓解  diskgenius分区工具如何设置Bios启动项  企查查官网和爱企查 企查查企业查询官网入口  京东物流快递破损了怎么办_京东快递破损理赔流程  多闪电脑版下载_多闪PC端模拟器使用  从HTML表单获取逗号分隔值并转换为NumPy数组进行预测  《雅迪智行》用手机开锁方法  tiktok国际版入口_tiktok官网网页版链接  汽水音乐网页版登录 汽水音乐网页端官方入口  sublime text 4如何安装_最新版sublime下载与汉化教程  composer 提示 "requires ext-soap" 缺少 SOAP 扩展怎么办？  在Django单元测试中优雅处理信号：基于环境的条件执行策略  嘀嗒顺风车如何开具电子发票  我的世界官方网址入口 我的世界游戏主页直达入口  谷歌浏览器官方镜像获取方法_谷歌浏览器网页版入口极速直达  iSpring三分屏制作教程  Lar*el Eloquent中通过Join查询关联数据表：解决多行子查询问题  雨课堂官网在线登录 网页版雨课堂登录链接  search中maxlength属性用法解析  鲁班大师乓乓皮肤获取方法  《大学搜题酱》官网地址登录  《爱笔思画x》魔棒工具抠图教程  J*aScript：从子元素中批量移除特定CSS类  《我的恋爱逃生攻略》中文名字输入方法  SQL聚合查询、联接与筛选：GROUP BY 子句的正确使用与常见陷阱  韩剧圈正版官网入口_韩剧圈官方指定登录  蛙漫2(台版)正版官网 2025免费网页版分享  微博网页版访问入口 微博网页版网页端使用指南  歌词怎么展示在|直播|间视频号？有什么注意事项？  漫蛙漫画直连入口 _ manwa官方备用入口实时检测  Python实时数据流中高效查找最大最小值  抖音如何进行蓝V认证 抖音企业号申请所需资料与流程  画质怪兽120帧安卓和平精英免费版  oppo手机如何通过下拉通知栏截图_oppo手机通知栏快捷截图方法  微信朋友圈怎么设置三天可见 微信朋友圈设置指定天数可见步骤【教程】  mysql如何配置从库只读_mysql从库只读设置方法 

 2025-10-24