解构赋值是JavaScript处理数据结构的底层操作，非语法糖；嵌套解构需防undefined报错，推荐分层设默认值；数组可用逗号跳过元素；函数参数解构可自文档化；交换变量需确保右侧可迭代。
解构赋值不是语法糖，它是 JavaScript 中处理数据结构的底层操作习惯——用对了能少写一半胶水代码，用错了反而让逻辑更难读。
嵌套对象解构时避免 undefined 报错
直接解构深层属性（比如 user.profile.address.city）会因中间某层为 undefined 导致运行时报错。不能只靠可选链（?.），因为解构本身不支持它。
- 用空对象作为默认值：
const { profile: { address: { city = 'Unknown' } = {} } = {} } = user; - 更清晰的做法是分层解构，每层设默认值：
const { profile = {} } = user; const { address = {} } = profile; const { city = 'Unknown' } = address; - 注意：默认值只在对应属性为
undefined时生效，null、0、false都不会触发
数组解构跳过不需要的元素
不必为了取第 5 个元素而声明前 4 个变量。逗号占位符是合法且常用的技巧。
- 跳过开头几个：
const [, , , , fifth] = ['a', 'b', 'c', 'd', 'e']; // fifth === 'e' - 混合使用默认值和跳过：
const [first, , third = 'default'] = ['x']; // first === 'x', third === 'default' - 注意：连续逗号不会报错，但若末尾多一个逗号（如
[a, b, ,]），在某些旧环境可能被解析为“空槽位”，行为不一致
函数参数直接解构 + 默认值组合使用
这是最常被低估的实用场景：把配置对象的提取逻辑从函数体提前到签名层，既自文档化，又减少内部判断。
立即学习“Java免费学习笔记（深入）”；
- 基础用法：
function connect({ host = 'localhost', port = 3000, timeout = 5000 } = {}) { ... } - 避免意外覆盖：必须给整个参数设默认值（
= {}），否则传入undefined会直接报错 - 与剩余属性配合：
function log({ level = 'info', message, ...rest }) { console.log(level, message, rest); } - 注意：不能在解构参数中使用计算属性名或表达式，仅支持字面键名
用解构交换变量值无需临时变量
比传统三步法简洁，且适用于任意可迭代值（不只是数字）。
- 基本交换：
[a, b] = [b, a]; - 交换多个变量：
[x, y, z] = [z, x, y]; - 注意：右侧必须是可迭代对象；若
b是undefined或未声明，左侧解构仍会执行，但a将被赋为undefined—— 这不是错误，而是设计行为 - 不要在交换同时做副作用操作，例如：
[arr[0], arr[1]] = [arr[1], arr[0]]在某些引擎中可能因求值顺序导致意外结果
真正容易被忽略的，是解构时的“默认值生效时机”和“空槽位语义”——它们不像看起来那么直观，尤其在跨浏览器或与 TypeScript 联用时，稍不注意就会产出隐性 bug。
