ES2018：用对象扩展和异步遍历器革新JavaScript

2023-10-14 12:12:04





## ES2018 中的对象扩展

对象扩展是一种将一个对象的属性复制到另一个对象的新方法。这种新语法更加简洁，并且可以帮助您避免常见的错误。

例如，以下代码使用传统的 Object.assign() 方法将一个对象的属性复制到另一个对象：

```javascript
const obj1 = {
  name: 'John',
  age: 30
};

const obj2 = {
  ...obj1
};

console.log(obj2); // { name: 'John', age: 30 }

正如您所看到的，这种方法有些冗长，并且容易出错。如果您忘记包含任何属性，您的代码就会中断。

使用对象扩展，您可以使用更简洁的语法来完成相同的事情：

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

const obj2 = {
  ...obj1,
  city: 'New York'
};

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

正如您所看到的，这种方法更加简洁，并且不易出错。

ES2018 中的异步遍历器

异步遍历器是一种新的遍历器类型，可以用于异步数据源。这使得您可以使用熟悉的 for-of 循环来处理异步数据。

例如，以下代码使用传统的回调函数来处理异步数据：

const data = [1, 2, 3, 4, 5];

data.forEach((item) => {
  console.log(item);
});

正如您所看到的，这种方法有些冗长，并且难以阅读。

使用异步遍历器，您可以使用更简洁的语法来完成相同的事情：

async function* asyncGenerator() {
  for (const item of data) {
    yield item;
  }
}

(async () => {
  for await (const item of asyncGenerator()) {
    console.log(item);
  }
})();