JavaScript 中的解构赋值语法

在 JavaScript 中，解构赋值语法让你可以从一个数组或对象中提取出值并赋值给变量，例如：

1. 数组解构赋值：

const arr = [1, 2, 3];
const [a, b, c] = arr;
console.log(a); // 输出 1
console.log(b); // 输出 2
console.log(c); // 输出 3

2. 对象解构赋值：

const obj = { name: 'Alice', age: 20 };
const { name, age } = obj;
console.log(name); // 输出 Alice
console.log(age); // 输出 20

你也可以在解构赋值时给变量指定新的名称：

const obj = { name: 'Alice', age: 20 };
const { name: userName, age: userAge } = obj;
console.log(userName); // 输出 Alice
console.log(userAge); // 输出 20

解构赋值语法也支持默认值：

const arr = [1, 2];
const [a, b, c = 3] = arr;
console.log(a); // 输出 1
console.log(b); // 输出 2
console.log(c); // 输出 3（因为 arr 中没有第三个元素）

同样地，对象解构赋值也支持默认值：

const obj = { name: 'Alice' };
const { name, age = 20 } = obj;
console.log(name); // 输出 Alice
console.log(age); // 输出 20（因为 obj 中没有 age 属性）