JavaScript解构赋值是改变变量绑定的语言特性，非语法糖；数组解构按索引顺序匹配，支持跳过、默认值和剩余元素；对象解构按属性名匹配，支持重命名、默认值和嵌套解构；函数参数可解构但需防深层嵌套报错；解构仅读自有属性，不递归、不查原型链。
JavaScript 解构赋值不是语法糖，而是直接改变变量绑定方式的语言特性；它不创建新数组或对象，只是从已有结构中按模式提取值并赋给变量。
数组解构：用方括号匹配位置，支持跳过、默认值和剩余元素
数组解构靠索引顺序匹配，不是靠名称。左边的变量顺序对应右边数组的元素位置。
- 跳过某项：留空逗号，如
[a, , c] = [1, 2, 3]→a是1，c是3 - 设置默认值：用
=指定，如[x, y = 10] = [5]→y取默认值10 - 获取剩余元素：用扩展运算符
...，如[first, ...rest] = [1, 2, 3, 4]→rest是[2, 3, 4] - 注意：解构时右侧必须是可迭代对象，
undefined或null会报TypeError: Cannot destructure property
对象解构：用花括号匹配属性名，支持重命名和嵌套解构
对象解构靠属性名匹配，大小写和拼写必须完全一致；属性不存在时值为 undefined，不会报错。
- 重命名：用
oldName: newName语法，如{ name: fullName } = { name: 'Alice' }→fullName得到'Alice' - 默认值：同样用
=，如{ age = 18 } = { name: 'Bob' }→age为18 - 嵌套解构：可多层展开，如
{ user: { profile: { id } } } = { user: { profile: { id: 123 } } }→id是123 - 注意：不能对未声明的纯对象字面量直接解构，如
{ a } = { a: 1 }会报SyntaxError；需加括号：({ a } = { a: 1 })
函数参数中的解构：让调用更清晰，但别滥用深层嵌套
函数形参支持直接解构，常见于配置对象传参场景，能减少函数体内重复取值逻辑。
立即学习“Java免费学习笔记（深入）”；
- 基础用法：
function log({ name, age = 25 }) { console.log(name, age); } - 重命名 + 默认值组合：
function init({ url: endpoint, timeout: ms = 5000 }) { ... } - 嵌套参数要谨慎：
function handle({ data: { items = [] } })看似简洁，但一旦data为undefined就会报错；建议加完整默认值：function handle({ data = {} } = {}) { const items = data.items || []; } - 性能无额外开销，但过度嵌套会让错误定位变难——出错时堆栈指向的是解构语句，不是原始数据来源
真正容易被忽略的是解构的“浅层性”：它只解开第一层（或显式指定的嵌套层），不会递归克隆，也不检测原型链上的属性；如果你以为 { x } = Object.create({ x: 1 }) 能取到 x，实际会得到 undefined —— 因为解构只读自有属性。
