javascript对象如何创建_属性描述符是什么？_网络技术

javascript对象如何创建_属性描述符是什么？

发布时间 - 2026-01-01 00:00:00 点击率：次

对象创建的三种方式中，字面量和new Object()属性默认可写、可枚举、可配置，Object.create(null)创建无原型对象；属性描述符控制属性行为，分数据与访问器两类；Object.freeze()仅冻结自身属性，不递归冻结嵌套对象。

对象创建的三种常用方式及其关键区别

直接字面量、Object.create() 和 new Object() 都能创建对象，但属性默认行为不同——这直接影响后续能否修改、枚举或删除属性。

{ a: 1 } 创建的对象，其属性 a 默认是可写（writable: true）、可枚举（enumerable: true）、可配置（configurable: true）
Object.create(null) 创建的是无原型对象，连 toString 都没有，for...in 也遍历不到任何属性
new Object({a: 1}) 和字面量行为一致，但多此一举，不推荐

属性描述符是什么？就是控制属性行为的那组布尔开关

每个属性背后都有一组元数据，叫属性描述符（property descriptor），分为数据描述符（含 value、writable）和访问器描述符（含 get、set），二者互斥。

Object.getOwnPropertyDescriptor(obj, 'prop') 可读取当前描述符
Object.defineProperty(obj, 'prop', { writable: false }) 可精确设置单个属性行为
一旦 configurable: false，就无法再用 defineProperty 改回 writable: true，也无法删掉该属性

为什么 `Object.freeze()` 后还能改 Date 对象的内部值？

Object.freeze() 只冻结对象**自身属性**的描述符（设 configurable: false 和 writable: false），但不会递归冻结嵌套对象。Date 实例是对象，它的内部时间值仍可通过 setTime() 修改。

const obj = { d: new Date() };
Object.freeze(obj);
obj.d.setTime(0); // ✅ 成功：obj.d 本身没被冻结，只是 obj.d 属性不可重赋值
obj.d = new Date(); // ❌ 报错：Cannot assign to read only property 'd'

要深冻结，得手动递归调用 Object.freeze()
Object.isFrozen(obj) 只检查自身属性，不检查嵌套
注意：Array 也是对象，Object.freeze([1,2,3]) 不能阻止 push() 吗？能——因为 length 和索引属性都被设为 writable: false

常见踩坑：`for...in` 遍历不到属性？先查 `enumerable`

很多“消失”的属性其实存在，只是 enumerable: false。比如 Object.prototype.toString、用 defineProperty 添加时没显式设 enumerable: true，或者被 Object.preventExtensions() 影响过。

const obj = {};
Object.defineProperty(obj, 'hidden', {
  value: 'secret',
  enumerable: false // 默认就是 false！
});
console.log('hidden' in obj); // true
for (let k in obj) console.log(k); // 什么也不输出

Object.keys() 和 JSON.stringify() 同样只处理 enumerable: true 的自有属性
Object.getOwnPropertyNames() 能拿到所有自有属性名（不管 enumerable）
别依赖 for...in 做关键逻辑判断，它受原型链和描述符双重影响

属性描述符不是语法糖，它是 JavaScript 对象模型的底层控制机制；漏掉 enumerable 或误判 configurable 的状态，往往导致调试时“属性明明在却看不到”。

# javascript # java # js # json # 区别 # 为什么

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：如何在 React 中正确重置单选按钮的选中状态

下一篇：Win11怎么设置屏保_Windows 11屏幕保护程序开启

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：如何在 React 中正确重置单选按钮的选中状态

下一篇：Win11怎么设置屏保_Windows 11屏幕保护程序开启