解构赋值是JavaScript中按需提取并命名绑定对象/数组属性的原生机制，非语法糖；它支持默认值、重命名、跳过项、剩余元素等，但需防范null/undefined导致的运行时错误。
解构赋值不是语法糖，它是 JavaScript 中对对象和数组进行「按需提取 + 命名绑定」的原生机制，能直接消除大量冗余的取值和临时变量。
如何用 const { a, b } = obj 从对象中安全取值
这是最常见也最容易出错的场景：你本想取 obj.user.name，结果 obj.user 是 undefined，直接报 Cannot destructure property 'name' of 'undefined'。
- 加默认值防崩：
const { name = 'anonymous' } = user || {}，注意右侧必须是对象，||{}很关键 - 嵌套解构要谨慎：
const { profile: { age } } = user会因profile缺失而失败；改用const { profile = {} } = user; const { age } = profile更健壮 - 重命名字段很实用：
const { id: userId, name: userName } = user，避免变量名冲突或语义不清
数组解构为什么比 arr[0] 更可靠
数组解构本质是「位置匹配」，不依赖索引是否存在，天然支持跳过、默认值和剩余元素收集。
- 跳过不需要的项：
const [first, , third] = ['a', 'b', 'c']→first === 'a',third === 'c' - 处理不定长参数：
const [head, ...tail] = [1, 2, 3, 4]→tail是[2, 3, 4]，比slice(1)更直观 - 函数返回多值时直接受用：
function getCoords() { return [10, 20]; } const [x, y] = getCoords();
let { x } = obj 和 let { x } = obj || {} 的差异在哪
前者在 obj 为 null 或 undefined 时立即抛 TypeError；后者靠逻辑运算符兜底，但要注意 obj 是假值（如 0、false、''）也会触发默认空对象，可能掩盖真实问题。
立即学习“Java免费学习笔记（深入）”；
- 更精准的写法是：
const { x } = obj != null ? obj : {}，只拦截null和undefined - TypeScript 用户注意：
const { x } = obj as Partial不解决运行时错误，只是绕过类型检查 - 解构本身不创建新对象，所有绑定都是引用 —— 修改
{ a } = obj中的a不影响obj.a，但若a是对象，其内部属性仍可被修改
真正容易被忽略的是：解构赋值在函数参数中的默认行为。比如 function fn({ a = 1, b }) { }，当调用 fn({ b: 2 }) 时，a 确实取到 1，但若传入 fn(null)，函数体还没执行就已崩溃 —— 参数解构的错误发生在调用瞬间，无法被函数体内 try/catch 捕获。
