解构赋值是模式匹配加赋值的组合操作，非语法糖；右侧为null/undefined时对象解构立即报错，数组解构同理，需用??{}或||{}兜底；默认值仅对undefined生效，且支持表达式但非惰性求值。
解构赋值不是“语法糖”，它会改变变量作用域和赋值逻辑
JavaScript 解构赋值本质是**模式匹配 + 赋值组合操作**，不是简单的“把对象属性拿出来”。一旦结构不匹配，undefined 会静默出现，而不是报错——这正是多数人踩坑的起点。
常见错误现象：const { name, age } = null 直接抛 TypeError: Cannot destructure property 'name' of 'null'；但 const { name, age } = {} 不报错，只是 name 和 age 都是 undefined。
- 对象解构要求右侧必须是可迭代（object-like）值，
null和undefined会立即报错 - 数组解构对右侧类型更宽容：
const [a] = null同样报错，但const [a] = undefined也报错；而const [a] = []是合法的，a为undefined - 嵌套解构时，中间层级若为
undefined，后续访问直接中断，如const { user: { profile: { avatar } } } = data中只要user或profile缺失，就报错
对象解构必须处理默认值和空值防御
生产环境里不能依赖数据“一定存在”。用默认值不是为了写得短，而是避免运行时崩溃。
正确写法示例：
立即学习“Java免费学习笔记（深入）”；
const { name = 'anonymous', age = 0, tags = [] } = userData || {};
注意：|| {} 是兜底，不是冗余。如果 userData 是 null 或 undefined，解构前先转成空对象，才能安全进入默认值流程。
- 默认值只在对应属性为
undefined时生效，null、0、false、''都不会触发默认值 - 默认值支持表达式甚至函数调用：
const { id = generateId() } = obj，但要注意这是**每次解构都执行**，非惰性求值 - 想对
null/undefined做统一处理，优先用空值合并操作符：const { name } = { ...userData } || {}或更稳妥地const data = userData ?? {}再解构
数组解构常被误用于“取前几项”，但 length 不匹配时行为反直觉
数组解构按索引位置匹配，而非“取前 N 个”。如果源数组长度不足，缺失位置得到 undefined；如果过长，多余项被忽略。
典型场景：从 API 返回的 [status, data, error] 三元组中提取结果
const [status, data, error] = apiResponse || [];
- 即使
apiResponse是[200]，data和error仍为undefined，不会报错 - 使用剩余参数时注意位置：
const [first, ...rest] = arr合法，但const [...rest, last] = arr语法错误——剩余参数只能在末尾 - 跳过某些位置可用逗号占位：
const [, , third] = ['a', 'b', 'c']，third得到'c'；但const [a, , b] = null依然会因null报错
解构与函数参数结合时，形参默认值和解构默认值有优先级差异
函数参数解构的默认值，是在“参数未传”或“传了 undefined”时才生效；而解构内部的默认值，是在“该属性不存在或为 undefined”时生效。两者嵌套容易混淆。
function fetchUser({ id, timeout = 5000 } = {}) { ... }
上面代码中，= {} 是给整个参数对象设默认值，防止传 undefined 导致解构失败；timeout = 5000 是给对象属性设默认值。
- 调用
fetchUser()→ 参数对象为{}，id是undefined，timeout是5000 - 调用
fetchUser({ id: 123 })→timeout仍为5000 - 调用
fetchUser({ id: 123, timeout: 0 })→timeout是0，不会回退到默认值 - 漏掉外层默认值（即写成
function fetchUser({ id, timeout = 5000 })），再调用fetchUser()就会报错
