在现代 Web 应用程序中，异步编程已经成为了必不可少的一部分。在 JavaScript 中，我们通常使用回调函数、Promise 和 async/await 等技术来处理异步操作。在 ES9（ECMAScript 2018）中，引入了一些新的语言特性来更好地管理异步函数。
Async Iteration
在 ES9 中，我们可以使用 for-await-of 循环来迭代异步迭代器，这个特性被称为 Async Iteration。异步迭代器是一个具有 Symbol.asyncIterator 方法的对象，这个方法返回一个异步迭代器对象。异步迭代器对象具有 next 方法，返回一个 Promise，它的 resolve 值是一个具有 value 和 done 属性的对象。
下面是一个使用 Async Iteration 迭代异步迭代器的示例：
// javascriptcn.com 代码示例
async function* myAsyncGenerator() {
let i = 0;
while (i < 3) {
yield await Promise.resolve(i++);
}
}
(async function() {
for await (let num of myAsyncGenerator()) {
console.log(num);
}
})();在上面的示例中，我们定义了一个异步生成器函数 myAsyncGenerator，该函数返回一个异步迭代器对象。在 for-await-of 循环中，我们使用 myAsyncGenerator() 返回的异步迭代器对象来迭代异步生成器中的值。
Promise.prototype.finally()
Promise.prototype.finally() 方法允许我们在 Promise 被 resolved 或 rejected 后执行一些操作。这个方法不接受任何参数，只是在 Promise 被 resolved 或 rejected 后执行指定的回调函数。
下面是一个使用 Promise.prototype.finally() 方法的示例：
// javascriptcn.com 代码示例
function myAsyncFunction() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Success!');
}, 1000);
});
}
myAsyncFunction()
.then(result => {
console.log(result);
})
.catch(error => {
console.error(error);
})
.finally(() => {
console.log('Promise finished.');
});在上面的示例中，我们定义了一个异步函数 myAsyncFunction，该函数返回一个 Promise。在 then 和 catch 方法中分别处理 Promise 被 resolved 和 rejected 的情况。在 finally 方法中，我们执行一些操作，无论 Promise 被 resolved 还是 rejected 都会执行。
Object Rest/Spread Properties
在 ES9 中，我们可以使用 Object Rest/Spread Properties 来更方便地处理对象的属性。Object Rest/Spread Properties 允许我们将一个对象的所有属性展开到另一个对象中。
下面是一个使用 Object Rest/Spread Properties 的示例：
const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { ...obj1, d: 4 };
console.log(obj2); // { a: 1, b: 2, c: 3, d: 4 }在上面的示例中，我们定义了一个对象 obj1，该对象具有三个属性。我们使用 ... 运算符将 obj1 中的所有属性展开到另一个对象 obj2 中，然后在 obj2 中添加一个新的属性 d。
总结
ES9 中引入的 Async Iteration、Promise.prototype.finally() 和 Object Rest/Spread Properties 这些新特性，使得异步函数的管理变得更加容易和直观。我们可以在实际开发中使用这些特性来提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6573565ad2f5e1655dc71152