JavaScript对象创建与属性操作详解

本文深入剖析JavaScript对象创建与属性操作的核心细节，揭示看似简单的{}字面量背后潜藏的引用陷阱，详解Object.defineProperty如何精准控制属性的可写性、可枚举性与访问器行为，并厘清in、hasOwnProperty与Object.keys在属性查询范围上的本质差异，更关键地指出delete删除属性与赋值undefined的根本区别——前者真正移除键，后者仅改变值。掌握这些隐含行为与场景化选择逻辑，才能避开日常开发中那些难以调试的“诡异bug”。

JavaScript 对象不需要“教程式创建”，关键在于理解不同场景下该用哪种方式，以及属性访问和修改时的隐含行为。

对象字面量是默认首选，但要注意引用赋值陷阱

日常开发中，{} 字面量最常用，简洁且语义清晰。它创建的是普通对象，原型链指向 Object.prototype。

• 直接写 const user = { name: "Alice", age: 30 } 即可，无需 new Object()
• user.name 和 user["name"] 都能访问，但方括号支持动态键名（如 user[keyName]）
• 赋值给另一个变量（如 const u2 = user）只是复制引用，修改 u2.name 会同步影响 user.name
• 如果需要深拷贝，不能只用 {...user} 或 Object.assign({}, user)——它们都只做浅拷贝

用 Object.defineProperty 控制属性行为

当需要禁止修改、隐藏枚举、或定义 getter/setter 时，Object.defineProperty 是唯一可控手段。

• 默认创建的属性是可写、可枚举、可配置的；而 defineProperty 创建的属性默认不可写、不可枚举、不可配置
• 例如：Object.defineProperty(obj, "id", { value: 1, writable: false }) 后，obj.id = 2 在严格模式下会报错 TypeError: Cannot assign to read only property
• 用 get 和 set 可拦截读写：Object.defineProperty(obj, "fullName", { get() { return this.first + " " + this.last; } })

用 in、hasOwnProperty 和 Object.keys 区分属性来源

判断一个属性是否存在，不同方法查的范围不同，选错会导致逻辑错误。

• "name" in obj：检查自身 + 原型链上所有可枚举属性
• obj.hasOwnProperty("name")：只查自身（不包括继承），但不能检测 symbol 属性
• Object.keys(obj)：返回自身所有可枚举字符串键数组（不含 symbol，不含不可枚举属性）
• 要完整获取自身所有键（含不可枚举、symbol），得用 Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj))

修改属性时，delete 和赋值 undefined 完全不是一回事

很多人以为 obj.prop = undefined 等价于删掉这个属性，其实不然——前者保留属性键，后者真正移除。

• obj.prop = undefined：属性还在，"prop" in obj 为 true，Object.keys(obj) 仍包含 "prop"
• delete obj.prop：属性被彻底移除，"prop" in obj 为 false，且无法通过 for...in 或 Object.keys 访问到
• 注意：delete 对 let/const 声明的变量无效，对函数参数也无效；它只作用于对象自身的可配置属性

真正容易出问题的，往往不是“怎么写”，而是没意识到属性是否在原型上、是否可枚举、是否被 defineProperty 锁死——这些细节在调试时才暴露出来。

今天关于《JavaScript对象创建与属性操作详解》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！