JavaScript解构赋值是语言级的“值提取协议”，通过模式匹配从数组或对象中按结构提取变量，支持默认值、别名、嵌套及剩余元素，但不等同于深拷贝，且null/undefined直接解构会报错。
什么是 JavaScript 解构赋值
解构赋值不是新语法糖，而是语言级的“值提取协议”——它让你直接从数组或对象中按结构取出变量，跳过中间临时引用。本质是模式匹配：左边写结构，右边提供数据，引擎自动对齐赋值。
常见错误是把它当“深拷贝”用：const [a, b] = arr 只是取引用，a 改了原数组元素不会变，但若元素是对象，改其属性会影响原对象。
数组解构：顺序、跳位与剩余元素
数组解构依赖索引位置，不关心变量名，空位表示跳过，... 捕获剩余项。
-
const [first, , third] = ['a', 'b', 'c']→first === 'a',third === 'c'（跳过索引 1） -
const [head, ...tail] = [1, 2, 3, 4]→tail是新数组[2, 3, 4]，不是引用 - 右侧为
null或undefined会报TypeError: Cannot destructure property ... of ... as it is undefined - 可配合默认值防错：
const [x = 0, y = 0] = []→x和y都取默认值
对象解构：键名必须匹配，支持别名与嵌套
对象解构看的是属性名，不是顺序；变量名默认和键同名，否则必须用 key: alias 显式重命名。
立即学习“Java免费学习笔记（深入）”；
-
const { name, age } = { name: 'Alice', age: 30 }→ 直接提取 -
const { title: bookName } = { title: 'JS Guide' }→bookName得值，title不声明 - 嵌套解构：
const { user: { id, profile: { city } } } = data，任一层缺失（如user为undefined）就报错 - 安全做法是加默认空对象：
const { user = {} } = data; const { id } = user，或用?.链式访问后解构（需环境支持）
解构的实际陷阱与性能注意点
解构看着简洁，但在循环或高频函数里可能隐含开销：每次解构都新建临时结构，嵌套越深，解析成本越高；对象解构还触发属性查找（包括原型链）。
- 避免在
for循环内反复解构同一对象：for (const { id, name } of list) {...}看似方便，但 V8 下不如先缓存item.id直接访问快 - 函数参数解构（
function fn({ a, b })）会让调用时传undefined报错，务必配默认值：function fn({ a = 1, b = 2 } = {}) {...} - 解构不支持“部分匹配”，比如想从
{ x: 1, y: 2, z: 3 }中只取x和z，不能写{ x, z }同时忽略y的类型检查——TS 里会警告缺少y，但 JS 运行时不管
最易被忽略的是解构的“失败静默”边界：数组越界返回 undefined（不报错），对象属性不存在也返回 undefined，但 null 或 undefined 本身被解构就会立即抛错。是否加默认值，得看业务能否容忍 undefined 流入后续逻辑。
