3、深入探索现代 JavaScript 特性

深入探索现代 JavaScript 特性

1. 解构赋值

在 JavaScript 中，解构赋值是一种强大的语法，它允许我们从数组或对象中提取值并赋值给变量。

1.1 数组解构

我们可以将数组中的值解构出来并赋值给变量。例如，将数组的第一个值赋给一个变量：

const [firstAnimal] = ["Horse", "Mouse", "Cat"]; 
console.log(firstAnimal); // Horse

我们还可以使用逗号跳过不必要的值。例如，访问数组的最后一个值：

const [, , thirdAnimal] = ["Horse", "Mouse", "Cat"]; 
console.log(thirdAnimal); // Cat

2. 对象字面量增强

对象字面量增强是解构赋值的相反操作，它允许我们将全局作用域中的变量添加到对象中，还可以创建对象方法。

2.1 添加变量到对象

const name = "Tallac";
const elevation = 9738; 
const funHike = { name, elevation }; 
console.log(funHike); // {name: "Tallac", elevation: 9738}
<