解构赋值是JavaScript中从对象或数组按结构提取值并赋给变量的语法糖。对象解构依属性名匹配，可重命名、设默认值、嵌套解构；数组解构依索引顺序，支持跳过、剩余元素和交换变量；需注意null/undefined不可解构及类型兼容性问题。
什么是解构赋值？
JavaScript 解构赋值是一种语法糖，允许你从对象或数组中「按结构提取值」并直接赋给变量，而不是先取整个结构再手动取属性或索引。const { name, age } = user 这类写法就是解构，它不是创建新对象，而是读取已有结构的字段。
如何从对象中解构？注意属性名必须匹配
对象解构靠的是「属性名」，不是位置。左边的大括号 {} 中写的变量名，默认会去右边对象找同名属性：
const user = { name: 'Alice', age: 30, city: 'Beijing' };
const { name, age } = user;
// name → 'Alice', age → 30
常见陷阱和应对方式：
- 如果想用不同变量名，必须用
原属性名: 新变量名语法：{ city: location } - 解构不存在的属性会得到
undefined，不会报错 - 可以设默认值：
{ role = 'user' }，当user.role是undefined或不存在时生效 - 嵌套对象也能解构：
{ profile: { avatar } }，但注意profile本身必须存在，否则报Cannot destructure property 'avatar' of 'undefined'
如何从数组中解构？按索引顺序，支持跳过和剩余元素
数组解构靠的是「位置」，左边方括号 [] 中的变量按顺序对应右边数组的索引：
立即学习“Java免费学习笔记（深入）”；
const colors = ['red', 'green', 'blue']; const [first, , third] = colors; // first → 'red', third → 'blue'（中间用逗号跳过）
实用技巧：
- 用逗号跳过不需要的元素：
[a, , c] - 用
...获取剩余项：[first, ...rest]→rest是数组 - 交换两个变量无需临时变量：
[a, b] = [b, a] - 函数返回多个值很自然：
const [err, data] = await fetchJSON()（前提是函数返回数组）
解构时容易忽略的边界情况
解构看着简单，但几个细节常导致运行时错误：
-
null或undefined不能解构：对let obj = null; const { x } = obj会抛TypeError: Cannot destructure property 'x' of 'null' - 对象解构默认不检查是否为对象类型，
const { length } = 'abc'是合法的（字符串有length属性），但const { map } = 42就会报错（数字没有map） - 数组解构对类数组对象（如
arguments、NodeList）也有效，但需确保它们有Symbol.iterator或是真实数组 - 在函数参数中使用解构时，默认值只在参数为
undefined时触发，null不算：function f({ x = 1 } = {}) {}才能安全处理null入参
真正要用好解构，关键不是记住语法，而是清楚每次操作背后访问的是什么值、它是否可枚举、是否存在、类型是否支持属性访问——这些比写法本身更容易出问题。
