前言

解構賦值是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歲。

這樣提升了代碼的可讀性和簡潔性