JavaScript对象是一组键值对的集合，键为字符串或Symbol，值可为任意类型；创建常用字面量{}，属性访问仅支持点号（限合法标识符）和方括号（支持动态表达式），访问不存在属性返回undefined，推荐用可选链?.避免报错。
JavaScript 对象到底是什么
JavaScript 对象不是某种“高级容器”，它本质上是一组键值对（key-value pairs）的集合，键是字符串（或 Symbol），值可以是任意类型：数字、字符串、函数、数组，甚至另一个对象。
它不像 Python 的 dict 或 Java 的 Map 那样强调“映射”语义，而更像一个带属性和行为的实体 —— 比如 person.name 是数据，person.sayHello() 是方法，但底层都存放在同一个对象里。
创建方式常见有三种：{} 字面量、new Object()、构造函数或 class 实例。日常开发中，95% 场景用字面量就够了。
两种访问属性的方式：点号 vs 方括号
访问对象属性只有两种合法语法：.（点号）和 []（方括号）。它们不是“可互换的写法”，而是适用场景不同，混用容易出错。
立即学习“Java免费学习笔记（深入）”；
-
点号
.：只能访问**合法标识符命名的属性**，比如user.name、obj.isValid。不能用于含空格、短横线、数字开头或运行时计算的 key。 -
方括号
[]：支持任意字符串或表达式，比如obj["first name"]、obj[propertyName]、obj[123]。它是动态访问的唯一途径。
注意：obj.123 是语法错误；obj."hello" 也不合法 —— 点号后必须是标识符，不能加引号。
技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作
访问不存在的属性会怎样
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（ES2020），安全但注意兼容性
属性名里有特殊字符或变量怎么办
只要不是合法标识符，就必须用方括号。比如：
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 是写死的还是算出来的”——点号只认写死的，方括号才认变量和表达式。漏掉这一层判断，后面所有调试都在绕弯。
