javascript对象如何创建与访问_怎样使用展开运算符和结构赋值【教程】_网络技术

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

对象创建有字面量、new Object()、构造函数/类三种方式：字面量最常用，适合静态结构；new Object()语义弱少用；构造函数或类适合复用、带方法或初始化逻辑的对象。

直接字面量最常用，适合静态结构；new Object()基本不用，语义弱且冗长；构造函数或类适合需要复用、带方法或初始化逻辑的对象。比如定义用户数据，{ name: "Alice", age: 30 }足够；但要做多次实例化并带getName()方法，就该用class User。

点号.要求属性名是合法标识符且编译期已知；方括号[]支持动态计算、变量、表达式和非法标识符。两者在运行时行为一致，但语法约束不同。

obj.name 等价于 obj["name"]，但 obj.user name 会报错，必须写成 obj["user name"]
当属性名来自变量时，只能用方括号：const key = "age"; obj[key]
访问嵌套属性时，obj?.address?.city（可选链）比 obj && obj.address && obj.address.city 更安全，尤其处理 API 返回的不确定结构

对象展开只做一层浅拷贝，不递归；不能展开null或undefined；多个同名属性时，后面覆盖前面；不能直接展开在表达式中间（如{ ...a, b: 1, ...c }合法，但{ ...a, ...b + 1 }非法）。

浅拷贝意味着：const a = { x: { y: 1 } }; const b = { ...a }; b.x.y = 2会同时改掉a.x.y
合并配置时常见写法：const config = { ...defaultConfig, ...userConfig }，注意userConfig优先级更高
想深拷贝？别依赖展开，改用structuredClone()（现代环境）或JSON.parse(JSON.stringify(obj))（仅限纯数据）

解构本质是模式匹配，不是简单赋值。默认值只在对应属性为undefined时生效，null、false、0都会被原样取用；重命名用oldName: newName语法；嵌套解构需严格对齐结构。

const { name = "Anonymous", age } = { name: null, age: 25 } → name是null，不是"Anonymous"
重命名同时设默认值：const { title: bookTitle = "Untitled" } = {}
嵌套解构失败不报错，而是赋值为undefined：const { user: { name } } = { } → name为undefined，不是ReferenceError
函数参数解构常被忽略默认值作用域：function f({ x = 1 } = {}) { return x; }，调用f()才触发默认值，f({})则x为undefined

对象操作看着简单，但展开和解构的“浅”特性、默认值的触发条件、属性访问的动态性，这几处最容易在真实项目里埋下隐性 bug。