JavaScript对象是一组键值对的集合，键为字符串或Symbol，值可为任意类型；创建常用字面量{}，属性访问仅支持点号（限合法标识符）和方括号（支持动态表达式），访问不存在属性返回undefined，推荐用可选链?.避免报错。

JavaScript 对象到底是什么

JavaScript 对象不是某种“高级容器”，它本质上是一组键值对（key-value pairs）的集合，键是字符串（或 Symbol），值可以是任意类型：数字、字符串、函数、数组，甚至另一个对象。

它不像 Python 的 dict 或 Java 的 Map 那样强调“映射”语义，而更像一个带属性和行为的实体 —— 比如 person.name 是数据，person.sayHello() 是方法，但底层都存放在同一个对象里。

创建方式常见有三种：{} 字面量、new Object()、构造函数或 class 实例。日常开发中，95% 场景用字面量就够了。

两种访问属性的方式：点号 vs 方括号

访问对象属性只有两种合法语法：.（点号）和 []（方括号）。它们不是“可互换的写法”，而是适用场景不同，混用容易出错。

• 点号 .：只能访问**合法标识符命名的属性**，比如 user.name、obj.isValid。不能用于含空格、短横线、数字开头或运行时计算的 key。
• 方括号 []：支持任意字符串或表达式，比如 obj["first name"]、obj[propertyName]、obj[123]。它是动态访问的唯一途径。

注意：obj.123 是语法错误；obj."hello" 也不合法 —— 点号后必须是标识符，不能加引号。

访问不存在的属性会怎样

JavaScript 不会报错，而是返回 undefined。这点和 Python 的 KeyError 或 Rust 的 Option 完全不同，容易掩盖逻辑问题。

常见陷阱：

• obj.foo.bar 报 Cannot read property 'bar' of undefined —— 因为 obj.foo 是 undefined，再点 bar 就崩了
• obj["foo"]["bar"] 同样崩，原因一样
• 用 in 操作符判断属性是否存在（"name" in obj），不检查原型链用 obj.hasOwnProperty("name")
• 现代写法推荐可选链 obj?.foo?.bar（ES2025），安全但注意兼容性

属性名里有特殊字符或变量怎么办

只要不是合法标识符，就必须用方括号。比如：

const user = {
  "full-name": "Alice Smith",
  "age": 30,
  42: "the answer"
};

console.log(user["full-name"]); // ✅ 正确
console.log(user[42]);          // ✅ 输出 "the answer"
console.log(user.42);           // ❌ SyntaxError

const key = "age";
console.log(user[key]);         // ✅ 动态访问，输出 30
console.log(user.key);          // ❌ 找的是名为 "key" 的属性，不是变量值

别小看这个区别：把变量当字面量用（obj.varName）是初学者最常写的错，结果永远读到 undefined。

真正难的不是语法，而是想清楚“这个 key 是写死的还是算出来的”——点号只认写死的，方括号才认变量和表达式。漏掉这一层判断，后面所有调试都在绕弯。