当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript对象创建与属性详解

JavaScript对象创建与属性详解

2025-12-31 10:05:31 0浏览收藏

怎么入门文章编程？需要学习哪些知识点？这是新手们刚接触编程时常见的问题；下面golang学习网就来给大家整理分享一些知识点，希望能够给初学者一些帮助。本篇文章就来介绍《JavaScript对象创建及属性描述符详解》，涉及到，有需要的可以收藏一下

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

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

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

直接字面量、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); // 什么也不输出