对象解构按属性名匹配而非顺序，嵌套需用{profile:{name}}，缺字段默认undefined，可设默认值{name='anonymous'}；数组解构靠索引，空位跳过，剩余参数用...rest；函数参数可直接解构，需传对象；null/undefined需用||或??提供兜底。
解构赋值怎么从对象里取字段？ 对象解构本质是按属性名匹配赋值，不是按顺序。写法简洁但容易漏掉嵌套或 undefined 情况。
- 直接写 { name, age } 只能取顶层字段，user.profile?.name 这种链式访问不能直接解构
- 想取嵌套字段得用 { profile: { name } }，注意冒号右边才是新变量名
- 字段不存在时默认赋值为 undefined，加默认值写成 { name = 'anonymous' }
- 别把解构当万能提取器——深层嵌套建议先判空或用可选链配合解构，比如 const { name } = user?.profile || {};
数组解构怎么跳过中间元素？ 数组解构靠位置索引，空位代表“跳过”，不占变量名，也不触发默认值逻辑。
- const [a, , c] = [1, 2, 3]; 中第二个逗号就是跳过索引 1 的元素，a 是 1，c 是 3
- 想取最后几个元素，用剩余参数：const [first, ...rest] = [1, 2, 3, 4]; → rest 是 [2, 3, 4]
- 如果数组长度不够，对应位置变量为 undefined，想兜底就写 const [a = 'default'] = [];
- 注意：剩余参数必须放最后，[...a, b] 是语法错误
函数参数能直接解构吗？ 可以，而且很常用，尤其在处理配置对象或 API 返回数据时。
- 函数声明写成 function fn({ id, type = 'default' }) { ... }，调用时传对象即可
- 不要漏掉外层大括号，fn({ id: 123 }) 正确，fn(123) 会报 Cannot destructure property 'id' of 'undefined'
- 多层嵌套参数也支持：function fn({ user: { name }, config: { timeout = 5000 } })
- 默认值只在传入对象本身为 undefined 或 null 时生效，传空对象 {} 不会触发默认值
解构时遇到 null 或 undefined 怎么避免报错？ 解构本身不处理空值，一解就崩，必须提前防御。
- 最简方式：用逻辑运算符提供兜底对象，const { name } = data || {};
- 更稳妥用空值合并操作符：const { name } = data ?? {};（注意 ?? 和 || 对 0、false 行为不同）
- 解构前单独检查类型：if (data && typeof data === 'object') { const { name } = data; }
- 别指望解构自动忽略缺失字段——它不像 React 的 props 解构有 Babel 插件做转换，原生 JS 就是硬匹配
解构看着轻巧，实际最常翻车的地方是假设数据结构一定存在。真实接口返回经常缺字段、嵌套层级不一致、甚至整个字段是 null，这时候光靠解构语法远远不够。
