解构赋值可从对象或数组提取数据并赋值变量，提升代码可读性与简洁性。1. 从对象中提取属性可避免重复书写属性名，支持重命名与默认值；2. 函数参数解构使接口更清晰，减少手动提取；3. 数组解构按序取值，适用于多返回值与变量交换；4. 结合默认值处理缺失字段，增强健壮性。
解构赋值是 JavaScript 中一种非常实用的语法糖，它允许从数组或对象中提取数据并赋值给变量，语法简洁直观。这种写法不仅提升了代码可读性，也在多种实际开发场景中大幅减少了冗余代码。
1. 从对象中提取属性
在处理函数返回值或 API 响应时，经常需要从对象中取出某些字段。使用解构赋值可以避免重复书写属性名。
例如：const user = { name: 'Alice', age: 25, role: 'developer' };
const { name, age } = user;
立即学习“Java免费学习笔记（深入）”；
// 相当于 let name = user.name; let age = user.age;
console.log(name); // 'Alice'
还支持重命名和默认值：
const { name: userName, city = 'Unknown' } = user;
// userName 对应 name，city 不存在则使用默认值
2. 函数参数的解构传参
调用函数时传入配置对象很常见，利用解构可以直接在参数中定义所需字段，使接口更清晰。
function connect({ host, port, timeout = 5000 }) {
console.log(`Connecting to ${host}:${port}, timeout: ${timeout}ms`);
}
connect({ host: 'localhost', port: 8080 });
// 输出：Connecting to localhost:8080, timeout: 5000ms
这种方式让函数调用更灵活，也省去了手动提取参数的步骤。
3. 数组解构与变量交换
数组解构适用于按顺序提取元素，常用于函数返回多个值的场景。
const [first, second] = ['apple', 'banana'];
console.log(first); // 'apple'
特别适合交换变量，无需临时变量：
let a = 1, b = 2;
[a, b] = [b, a];
console.log(a, b); // 2, 1
也可跳过某些元素：
const [x, , z] = [1, 2, 3]; // 忽略第二个元素
4. 配合默认值处理不完整数据
在处理可能缺失的属性或响应字段时，结合默认值能有效防止 undefined 错误。
const config = { theme: 'dark' };
const { theme, language = 'en', enabled = true } = config;
// language 和 enabled 使用默认值
这种模式在初始化设置、表单默认值等场景中非常实用，增强代码健壮性。
基本上就这些。解构赋值虽是语法糖，但在日常开发中极大提升了编码效率和可维护性，合理使用能让代码更干净、逻辑更清晰。
