数组解构按索引位置匹配，对象解构按属性名匹配；数组用[a, b]，对象用{x, y}；嵌套解构需设默认值防报错，如{ user: { name = 'anon' } = {} } = data。
解构赋值怎么写：数组和对象的写法差异
JavaScript 解构赋值不是语法糖，而是语言级的模式匹配机制。它不创建新变量，而是从数组或对象中「提取并绑定」已有结构的值。
数组解构靠位置，对象解构靠属性名：
const arr = [1, 2, 3];
const [a, b] = arr; // a = 1, b = 2
const obj = { x: 10, y: 20 };
const { x, y } = obj; // x = 10, y = 20
- 数组解构中，
[]内的变量顺序必须与源数组索引对齐；跳过某项用逗号占位：[first, , third] = [1, 2, 3] - 对象解构中，
{}内的变量名必须与属性名一致；否则会得到undefined，除非用别名：{ width: w, height: h } - 解构默认值只在被解构值为
undefined时生效，null、0、false都不会触发：const [x = 5] = [0]→x是0，不是5
嵌套结构怎么安全解构：避免 Cannot destructure property
常见错误是直接解构深层属性却没做存在性检查，比如 const { user: { name } } = data 在 data.user 为 undefined 时抛出 TypeError: Cannot destructure property 'name' of 'undefined' or 'null'。
- 用空对象默认值兜底：
const { user = {} } = data; const { name } = user; - 一行写完嵌套解构时，必须同步给每一层设默认值：
const { user: { name = 'anon' } = {} } = data; - 数组嵌套同理：
const [[first]] = [[]];会报错，应写成const [[first] = []] = [[]]; - 不要依赖可选链（
?.）和解构混用——const { name } = data?.user合法，但const { user: { name } } = data?.user不合法，因为左侧仍是完整解构模式
函数参数里用解构：什么时候该用，什么时候不该用
函数签名中使用解构能提升可读性，但也容易掩盖调用方传参意图，尤其当参数结构复杂或有深层嵌套时。
立即学习“Java免费学习笔记（深入）”；
- 适合场景：配置对象参数明确且字段固定，如
function init({ timeout = 3000, retry = 2 }) { ... } - 慎用场景：参数本身是扁平数据（如两个数字），强行解构反而啰嗦：
function add([a, b])不如function add(a, b) - 注意参数默认值作用域：解构默认值在函数调用时求值，不是定义时；若用函数调用结果作默认值（如
timeout = getTimeout()），每次调用都会执行 - 无法单独重置某个嵌套字段：如果调用方只传
{ retry: 5 }，而你解构了{ timeout, retry }，timeout就是undefined，除非你显式提供默认值
性能和兼容性要注意什么：不是所有地方都能用
解构赋值在现代引擎中几乎没有运行时开销，但它的语法支持有明确边界。
- 不能解构
null或undefined：即使加了默认值，左侧模式仍需可迭代或可枚举，const [x] = null直接报错 - 不支持 IE，最低支持 Chrome 49 / Firefox 41 / Safari 7.1；Node.js 从 v6.0.0 开始支持
- 循环中避免过度解构：比如
for (const { id, name } of list) {...}比for (const item of list) { const { id, name } = item; ... }更简洁，但若只用其中一两个字段，没必要全解 - TypeScript 中解构后类型推导依赖源结构定义；若源是
any或未标注接口，解构变量类型也会退化为any
真正难的不是语法本身，而是判断「哪一层该解，哪一层该保留原引用」——比如修改嵌套对象时，解构出的变量是原始值拷贝还是引用，这点很容易被忽略。
