ES6解构赋值的核心价值在于用声明式语法直接匹配数据结构，省去手动访问的冗余；支持对象按名取值（含重命名、默认值、嵌套）、数组按序取值（可跳过、收集剩余、设默认值），并适用于函数参数、变量交换及返回值提取，但需注意目标非null/undefined等陷阱。
ES6 解构赋值的核心价值在于用声明式语法直接匹配结构，省去手动索引或点属性访问的冗余步骤。它不是“语法糖”，而是让数据提取逻辑与数据形状保持一致，读起来像在描述“我要什么”，而不是“怎么拿”。
对象解构：按名取值，支持重命名和默认值
对象解构依赖属性名匹配，变量名默认与属性同名；若需不同变量名，可用 冒号 + 新名 重命名；缺失属性时，可设默认值避免 undefined。
- 基础写法：const { name, age } = { name: 'Li', age: 28 } → 直接得到两个变量
- 重命名：const { name: userName, age: userAge } = obj → 避免变量名冲突或增强语义
- 默认值：const { city = 'Beijing', job } = { job: 'Dev' } → city 取默认值，job 为 undefined（因原对象无该属性）
- 嵌套解构：const { profile: { email } } = { profile: { email: 'a@b.com' } } → 一层写完，无需链式访问
数组解构：按序取值，灵活跳过与收集
数组解构依据位置顺序，逗号代表占位跳过，剩余运算符 ... 可捕获后续所有元素，适合处理不定长列表或拆分首尾。
- 基础提取：const [a, b] = [10, 20] → a=10，b=20
- 跳过中间项：const [first, , third] = ['x', 'y', 'z'] → first='x'，third='z'
- 获取剩余部分：const [head, ...tail] = [1, 2, 3, 4] → head=1，tail=[2,3,4]
- 默认值兜底：const [x = 0, y = 0] = [5] → x=5，y=0（第二个位置为空，取默认）
实用技巧：函数参数与交换变量
解构不仅用于变量声明，还能自然融入函数签名和常见操作，进一步减少临时变量。
立即学习“Java免费学习笔记（深入）”；
- 函数参数解构：function print({ name, age }) { console.log(name, age) } → 调用时传对象即可，无需内部再解包
- 快速交换值：let a = 1, b = 2; [a, b] = [b, a] → 一行完成交换，不依赖中间变量
- 解构返回值：const getRange = () => [0, 100]; const [min, max] = getRange() → 函数返回数组，直接解构成语义化变量
注意事项：避免常见陷阱
解构看似简单，但几个细节容易引发意外行为。
- 解构目标必须是可迭代对象（数组）或类对象（有属性），
null或undefined会报错，必要时先校验 - 对象解构中，如果右侧不是对象（比如数字、字符串），会隐式转为包装对象，但通常应避免对非对象解构
- 数组解构时，剩余运算符
...必须放在最后，且只能出现一次 - 默认值仅在对应位置值为
undefined时生效，null、0、false等 falsy 值不会触发默认
