变量和对象的解构赋值

解构赋值是一种 JavaScript 语言特性，允许你将数组或对象的属性直接赋值给变量。这对于从函数返回多个值或初始化多个变量非常有用。

1. 对象解构赋值：

当你有一个对象，你想将它的属性赋值给一些变量时，你可以使用解构赋值。例如：

const person = {  
  firstName: 'John',  
  lastName: 'Doe'  
};  
  
const { firstName, lastName } = person;  
  
console.log(firstName);  // 输出: John  
console.log(lastName);    // 输出: Doe

在上述代码中，我们创建了一个新的?firstName?和?lastName?变量，并将它们分别初始化为?person?对象的?firstName?和?lastName?属性的值。

2.?数组解构赋值：

当你想从数组中取出元素并赋值给变量时，也可以使用解构赋值。例如：

const colors = ['red', 'green', 'blue'];  
  
const [firstColor, secondColor, thirdColor] = colors;  
  
console.log(firstColor);  // 输出: red  
console.log(secondColor);  // 输出: green  
console.log(thirdColor);   // 输出: blue

在上述代码中，我们创建了新的?firstColor、secondColor?和?thirdColor?变量，并将它们分别初始化为?colors?数组的第一个、第二个和第三个元素。

3.?默认值：

如果数组或对象的某些属性不存在或有默认值，你可以在解构时指定默认值。例如：

const person = { firstName: 'John' };  // 只定义了 firstName 属性  
  
const { firstName, lastName = 'Doe' } = person;  
  
console.log(firstName);    // 输出: John  
console.log(lastName);      // 输出: Doe（因为 person 对象没有 lastName 属性，所以使用了默认值）

在上述代码中，如果?person?对象没有?lastName?属性，那么?lastName?变量将使用默认值 'Doe'。