在前端开发中，异步操作是常见的需求。然而，在进行异步操作时，我们经常需要再次异步引入相关的依赖，这给开发带来了不小的麻烦。ES9（也称为 ECMAScript 2018）新增了一些语法特性，可以解决这个问题。
Async Iteration
ES9 引入了 Async Iteration，它允许我们在异步迭代时使用 for-await-of 循环。这个特性可以让我们更方便地处理异步操作，避免再次异步引入相关的依赖。
下面是一个示例代码，它展示了如何使用 Async Iteration 处理异步操作：
async function* asyncGenerator() {
yield await Promise.resolve(1);
yield await Promise.resolve(2);
yield await Promise.resolve(3);
}
(async function() {
for await (let num of asyncGenerator()) {
console.log(num);
}
})();在上面的代码中，我们定义了一个异步生成器函数 asyncGenerator，它返回一个异步可迭代对象。我们使用 for-await-of 循环来迭代这个对象，并处理每个异步操作的结果。这个示例代码展示了 Async Iteration 的基本使用方法。
Promise.prototype.finally
ES9 还新增了 Promise.prototype.finally 方法，它可以让我们在 Promise 执行结束时执行一些代码，不管 Promise 是成功还是失败。这个特性可以帮助我们更方便地处理异步操作的状态，避免再次异步引入相关的依赖。
下面是一个示例代码，它展示了如何使用 Promise.prototype.finally 处理异步操作的状态：
Promise.resolve(1)
.then(num => {
console.log(num);
throw new Error('error');
})
.catch(error => {
console.error(error);
})
.finally(() => {
console.log('finally');
});在上面的代码中，我们使用 Promise.resolve 创建了一个 Promise 对象，并在它的 then 方法中抛出了一个异常。我们使用 catch 方法捕获了这个异常，并在 finally 方法中执行了一些代码。这个示例代码展示了 Promise.prototype.finally 的基本使用方法。
总结
ES9 引入了 Async Iteration 和 Promise.prototype.finally 两个特性，它们可以帮助我们更方便地处理异步操作，避免再次异步引入相关的依赖。在实际开发中，我们可以根据具体的需求选择合适的特性来处理异步操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658adcaceb4cecbf2d029895