对象解构的五大反模式：一是对null/undefined解构报错，需加默认值；二是默认值仅对undefined生效；三是嵌套解构中间层缺失会崩溃；四是变量重名导致覆盖；五是已声明变量解构时缺括号致语法错误。
对象解构本身很简洁，但写法稍有不慎就会引发运行时错误、逻辑错漏或可维护性下降——这些就是反模式。规避的关键不是背规则，而是看清“哪里会悄悄崩掉”。
别对 null 或 undefined 解构
null 和 undefined 无法被解构，一碰就报 TypeError: Cannot destructure property，尤其在异步接口未返回、字段缺失时高频发生。
- ❌ 错误写法：
const { name } = user;（当user是null或undefined） - ✅ 安全写法：加空对象默认值
const { name } = user || {};或const { name } = user ?? {}; - ✅ 更健壮写法（深层嵌套）：
const { profile: { avatar = '/default.png' } = {} } = user || {};
默认值只认 undefined，不认 null/0/false/''
这是最常被误解的一点。默认值不是“兜底所有假值”，它只在属性值严格等于 undefined 时才生效。
- ❌ 误以为能兜底：
const { count = 1 } = { count: 0 };→count是0，不是1 - ✅ 明确判断假值（如需）：
const { count } = data; const finalCount = count == null ? 1 : count; - ✅ 或用空合并操作符：
const finalCount = data.count ?? 1;
嵌套解构时中间层缺失直接报错
像 const { a: { b } } = obj 这种写法，只要 a 是 null、undefined 或非对象，立刻崩溃。
- ❌ 危险写法：
const { data: { list } } = res;（res.data可能不存在） - ✅ 加默认对象：
const { data = {} } = res; const { list = [] } = data; - ✅ 合并一行（推荐）：
const { data: { list = [] } = {} } = res;
解构变量名与已有变量重名导致意外覆盖
尤其在循环、函数参数或模块顶层作用域中，容易把旧值悄悄替换成新值，调试困难。
- ❌ 隐患写法：
let name = '全局名'; const { name } = user;→ 报语法错误（重复声明）或覆盖（若用var） - ✅ 重命名避冲突：
const { name: userName } = user; - ✅ 或用不同作用域：
function handleUser({ name }) { /* name 是形参，安全 */ }
解构赋值前未声明变量却忘了括号
对已声明变量重新赋值时，JS 会把大括号当成代码块，导致语法错误。
- ❌ 报错写法：
let name, age; { name, age } = user;→Unexpected token - ✅ 正确写法：
let name, age; ({ name, age } = user);（注意外层括号） - ✅ 更推荐：直接声明并解构，避免分两步：
const { name, age } = user;
不复杂但容易忽略，每次解构前心里默念一句：“这个对象真存在吗？这层字段一定有吗？这个变量名我用过了吗？”——多数问题就提前拦住了。
