javascript中的解构赋值是什么_如何使用它？

解构赋值是JavaScript中从数组或对象提取值并赋给变量的简洁语法。对象解构按属性名提取、可重命名和设默认值；数组解构按位置提取、可跳过项或收集剩余元素；函数参数中可直接解构，提升可读性；需注意避免解构null/undefined及作用域问题。

解构赋值是 JavaScript 中一种从数组或对象中提取值并赋给变量的简洁语法，它让代码更清晰、更少冗余。

对象解构：按属性名提取值

不用再写 const name = obj.name 这样的重复代码。只要结构匹配，就能直接把属性值“拆出来”：

• 基础用法：const { name, age } = person; —— 等价于分别取 person.name 和 person.age
• 重命名变量：const { name: fullName, age: userAge } = person; —— 提取时顺手改名
• 设置默认值：const { city = 'Unknown' } = person; —— 如果 person.city 是 undefined，就用默认值
• 嵌套解构：const { address: { zip } } = person; —— 一层层往下钻，不用连写 person.address.zip

数组解构：按位置提取元素

适合处理函数返回多个值、参数列表、或快速交换变量等场景：

• 基本提取：const [first, second] = arr; —— 取索引 0 和 1 的元素
• 跳过某些项：const [,, third] = arr; —— 用逗号占位，跳过前两个
• 剩余元素：const [head, ...tail] = arr; —— tail 是一个新数组，包含除第一个外的所有项
• 交换变量：[a, b] = [b, a]; —— 无需临时变量，一行搞定

解构在函数参数中的实用写法

把解构直接写在形参位置，让函数接口更直观、更易读：

标签： javascript java ai 作用域