在JavaScript对象解构中，当访问深层嵌套属性（如 obj.form.data）且中间层级可能为 null、undefined 或不存在时，可通过在嵌套解构模式中为中间对象（如 form）显式指定默认值 {}，从而安全地访问末端属性并避免运行时错误。
在javascript对象解构中，当访问深层嵌套属性（如 `obj.form.data`）且中间层级可能为 `null`、`undefined` 或不存在时，可通过在嵌套解构模式中为中间对象（如 `form`）显式指定默认值 `{}`，从而安全地访问末端属性并避免运行时错误。
JavaScript 的解构赋值语法本身不支持类似 const { (form = {}) : data = {} } = obj 这样的“括号内默认值”写法——该语法非法且无法解析。但完全可以通过标准、合法的嵌套解构语法实现相同目标：为中间层级对象设置默认空对象。
核心技巧在于：将默认值直接应用于嵌套路径中的中间属性名，而非其子属性。例如：
const { form: { data = {} } = {} } = obj;✅ 这行代码的含义是：
- 先尝试从 obj 中取 form 属性；
- 若 form 为 undefined 或 null，则使用右侧的 = {} 将其默认为一个空对象；
- 再从此（可能被默认化的）form 对象中解构 data，若 data 不存在，则赋予默认值 {}。
以下是完整可运行示例：
立即学习“Java免费学习笔记（深入）”；
const getData = (object) => {
const { form: { data = {} } = {} } = object;
return data;
};
console.log(getData({})); // → {}
console.log(getData({ form: {} })); // → {}
console.log(getData({ form: { data: { foo: 42 } } })); // → { foo: 42 }
console.log(getData({ form: null })); // → {}（因 null 被 `= {}` 覆盖）
console.log(getData({ form: undefined })); // → {}⚠️ 注意事项：
- = {} 必须紧接在中间属性名之后（即 form: { ... } = {}），不能放在冒号前或括号内；
- 默认值仅对 undefined 生效；若 form 是 null，解构时仍会报错（Cannot destructure property 'data' of 'null'），因此实践中建议配合空值合并（??）或逻辑判断预处理，或依赖上述 = {} 在 null 场景下不会生效——但现代引擎中，null 会被强制转换为对象？不，实际行为是：{ form: { ... } = {} } 中，若 form 为 null，解构会失败。更健壮写法应结合可选链与空值合并：
// 更安全的替代方案（ES2020+）
const data = object?.form?.data ?? {};不过，原生解构 + 默认值仍是轻量、无依赖的首选方案，适用于已知中间层可能缺失但非 null 的场景。掌握 property: { nested } = defaultValue 这一模式，是编写健壮、声明式数据提取逻辑的关键基础。
