JavaScript嵌套解构可逐层提取深层属性，支持默认值、重命名和跳过中间层级；需用{}匹配结构，为可能undefined的中间层设默认空对象防错；亦可混合[]与{}解构数组内嵌对象。
JavaScript 中嵌套解构可以一层层深入对象结构，直接提取深层属性，语法简洁且可读性高。关键在于用花括号 {} 逐级匹配对象层级，并支持默认值、重命名和跳过中间层级。
基础嵌套解构：逐层展开对象
当对象有明确的嵌套结构时，可在解构左侧按相同结构书写花括号：
const user = {
profile: {
name: "Alice",
contact: {
email: "alice@example.com",
phone: "123-456-7890"
}
}
};
const { profile: { name, contact: { email } } } = user;
console.log(name); // "Alice"
console.log(email); // "alice@example.com"
处理可能不存在的深层属性（防报错）
如果某层属性为 undefined（比如 user.profile 不存在），直接解构会报错 Cannot destructure property 'xxx' of undefined。解决方法是给中间层设默认空对象：
- 在对应层级提供默认值：
{ profile = {} }或更彻底地{ profile: { contact = {} } = {} } - 完整写法示例：
const {
profile: {
name = "Anonymous",
contact: { email = "no-email@example.com" } = {}
} = {}
} = user;
这样即使 profile 或 contact 是 undefined，也不会报错，还能回退到默认值。
立即学习“Java免费学习笔记（深入）”；
跳过中间层 & 重命名深层属性
不需要所有中间键名时，可用空占位或直接省略；需要改名则用冒号语法：
- 跳过
profile键名（只取其下contact.email）：const { profile: { contact: { email: userEmail } } } = user; - 完全忽略
profile和contact的变量名，只解出email并重命名为address：const { profile: { contact: { email: address } } } = user;
结合数组与对象混合嵌套
若深层包含数组，可在解构中混用方括号 [] 和花括号 {}：
const data = {
users: [
{ id: 1, settings: { theme: "dark", lang: "zh" } },
{ id: 2, settings: { theme: "light", lang: "en" } }
]
};
// 解构第一个用户的 theme
const { users: [{ settings: { theme } }] } = data;
console.log(theme); // "dark"
// 解构第二个用户的 lang（带默认值防越界）
const { users: [, { settings: { lang = "en" } = {} } = {}] } = data;
