前言

解构赋值是JavaScript的一个强大特性，允许从数组或对象中提取数据，并赋值给定义的变量。

对象解构

直接根据属性名来解构赋值：

const person = { name: '张三', age: 30 };const { name, age } = person;console.log(name); 
console.log(age); 

解构时重命名变量：

const { name: personName, age: personAge } = person;console.log(personName); 
console.log(personAge); 

 解构一个不存在的属性，用默认值填充：

const { name, age, gender = '未知' } = person;

数组解构

const arr = [1, 2, 3];const [first, second] = arr;const [first, , third] = arr;const [first, ...rest] = arr;

函数内的结构赋值

这使得函数在处理接收到的对象或数组参数时更加灵活

function introduce({ name, age }) {console.log(`我叫${name}，今年${age}岁。`);
}introduce(person); // 输出: 我叫张三，今年30岁。

这样提升了代码的可读性和简洁性