解构赋值本质是模式匹配操作，核心在于区分“缺失”与“undefined”、默认值触发条件及null/undefined容错处理。
解构赋值不是语法糖，而是 JavaScript 中处理数据结构的底层操作习惯——掌握它不靠死记规则，而在于理解「模式匹配 + 默认行为」这两条主线。
数组解构时，undefined 和 missing 的表现完全不同
很多人以为跳过某个元素就等于赋值为 undefined，其实不然：未提供值是「缺失（missing）」，而显式传入 undefined 是「存在但为空」。这直接影响默认值是否生效。
实操建议：
- 用逗号跳过位置（如
[a, , c] = [1, 2, 3]）属于「缺失」，后续默认值可触发 - 若源数组含
undefined（如[a, b] = [1, undefined]），b就是undefined，不会回退到默认值 - 嵌套解构中，只要某一层是
undefined或null，就会报错Cannot destructure property 'x' of 'y' as it is undefined
const [x, y = 'default'] = [1]; // y → 'default'（缺失，触发默认） const [a, b = 'default'] = [1, undefined]; // b → undefined（不触发默认）
Object.keys() 不能直接用于对象解构，但 Object.entries() 可以配合数组解构
对象解构依赖属性名精确匹配，不是按顺序取值。想「遍历式解构」必须先转成键值对数组，否则容易误以为 { a, b } = obj 能按插入顺序或索引取值。
立即学习“Java免费学习笔记（深入）”；
实操建议：
-
Object.keys(obj)返回字符串数组，无法直接解构出值；要取值得额外查obj[key] -
Object.entries(obj)返回[[k1,v1], [k2,v2]]，可用数组解构逐层拆：const [[k1, v1], [k2, v2]] = Object.entries(obj) - 注意兼容性：
Object.entries()在 IE 完全不支持，Node.js
const user = { name: 'Alice', age: 30 };
const [[key1, val1], [key2, val2]] = Object.entries(user);
// key1 → 'name', val1 → 'Alice'
函数参数解构默认值里，|| 和 ?? 行为差异极大
函数形参写成 ({ a = 1, b = 2 } = {}) 很常见，但如果传入对象本身是 null 或 undefined，整个解构会失败。此时默认空对象 = {} 是必需的，且后续默认值逻辑仍受 ?? 影响。
实操建议：
- 必须写
= {}防止传入null导致报错，这是最常漏掉的一环 - 属性默认值中慎用
||：比如b: value || 'fallback'会让0、''、false全部被覆盖 - 改用空值合并操作符
??更安全：b: value ?? 'fallback'只在value === null或undefined时生效
function getConfig({ timeout = 5000, retries = 3 } = {}) {
return { timeout, retries };
}
getConfig({ timeout: 0 }); // { timeout: 0, retries: 3 } —— 0 不会被覆盖
真正卡住人的，从来不是解构的写法，而是你没意识到：左侧是模式，右侧是数据，两者之间没有隐式类型转换，也没有容错重试——匹配不上就报错，缺位就用默认，传 null 就崩。把这点想透了，大部分问题就只是检查一下括号和等号两边是不是真能对上。
