ES7 和 ES8 的新特性如何改变 JavaScript

Array.prototype.includes() 方法

includes()的作用，是查找一个值在不在数组里，若在，则返回true，反之返回false。基本用法：Array.prototype.includes()方法接收两个参数：要搜索的值和搜索的开始索引。当第二个参数被传入时，该方法会从索引处开始往后搜索（默认索引值为0）。

使用示例：

const numbers = [1, 2, 3, 4, 5];
console.log(numbers.includes(3)); // true
console.log(numbers.includes(6)); // false
console.log(numbers.includes(3, 2)); // false

Object.values() 方法

Object.values() 方法用于返回一个数组，其中包含一个给定对象的自身可枚举属性的值。

基本用法：Object.values(obj)方法接收一个对象作为参数，并返回一个数组，其中包含该对象的自身可枚举属性的值。

使用示例：

const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

console.log(Object.values(person));
// ['John Doe', 30, 'New York']

异步函数

ES8 引入了异步函数，允许我们编写异步代码，而无需使用回调函数或 Promise 对象。异步函数使用 async 声明，并且可以包含 await 关键字来等待异步操作完成。

基本用法：async function func() { ... }方法声明一个异步函数。await表达式暂停函数的执行，直到相应的 Promise 被解析或拒绝。

使用示例：

async function fetchUserData() {
  const response = await fetch('https://example.com/api/users');
  const data = await response.json();
  return data;
}

fetchUserData().then(data => {
  console.log(data);
});

扩展运算符（...）

扩展运算符（...）允许我们将一个数组或对象扩展为另一个数组或对象。这使得我们可以轻松地合并数组或对象，或将它们作为参数传递给函数。

基本用法：...array语法将数组展开为单个元素。...object语法将对象展开为属性。

使用示例：

const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];

const combinedNumbers = [...numbers1, ...numbers2];
console.log(combinedNumbers); // [1, 2, 3, 4, 5, 6]

const person = {
  name: 'John Doe',
  age: 30
};

const newPerson = {
  ...person,
  city: 'New York'
};

console.log(newPerson);
// { name: 'John Doe', age: 30, city: 'New York' }

这些新特性如何改变 JavaScript？

ES7 和 ES8 中的新特性为 JavaScript 带来了许多好处。这些特性使得 JavaScript 更加强大、易于使用，并且更具表现力。

• 更强大的数组和对象操作： Array.prototype.includes() 和 Object.values() 方法提供了更简单、更有效的方法来操作数组和对象。
• 更轻松的异步编程： 异步函数使得编写异步代码变得更加容易，而无需使用回调函数或 Promise 对象。
• 更简洁的语法： 扩展运算符（...）提供了更简洁的方法来合并数组或对象，或将它们作为参数传递给函数。

这些只是 ES7 和 ES8 中的新特性中的一小部分。这些特性为 JavaScript 带来了许多好处，使得 JavaScript 成为一种更强大、更易于使用，并且更具表现力的语言。