在 ES9 中，JavaScript 引入了一个新的特性，即 async 函数的并行处理。这个新特性使得我们能够更加高效地处理异步操作，从而提高代码的性能和可读性。
什么是 async 函数？
async 函数是 ES7 中引入的一种新的函数类型，它可以让我们更加方便地处理异步操作。async 函数的语法类似于普通函数，但是它的返回值是一个 Promise 对象。在函数内部，我们可以使用 await 关键字来等待异步操作的结果，并在异步操作完成后继续执行代码。
async 函数的并行处理
在 ES9 中，async 函数引入了一个新的语法，即 Promise.allSettled() 方法。这个方法可以让我们并行处理多个异步操作，并在所有异步操作完成后返回一个 Promise 对象，该对象包含每个异步操作的状态和结果。
Promise.allSettled() 方法接受一个数组作为参数，该数组包含多个 Promise 对象。它会等待所有 Promise 对象都完成后返回一个新的 Promise 对象。这个新的 Promise 对象的状态取决于所有 Promise 对象的状态，如果所有 Promise 对象都成功完成，则新的 Promise 对象的状态为 fulfilled，否则为 rejected。
下面是一个示例代码，展示了如何使用 Promise.allSettled() 方法并行处理多个异步操作：
// javascriptcn.com 代码示例
async function fetchData(url) {
const response = await fetch(url);
const data = await response.json();
return data;
}
async function fetchAllData(urls) {
const promises = urls.map(url => fetchData(url));
const results = await Promise.allSettled(promises);
return results;
}
const urls = ['https://api.example.com/data1', 'https://api.example.com/data2', 'https://api.example.com/data3'];
fetchAllData(urls).then(results => {
console.log(results);
});在上面的示例代码中，我们定义了两个 async 函数：fetchData() 和 fetchAllData()。fetchData() 函数用于获取一个 URL 对应的数据，fetchAllData() 函数用于并行处理多个 URL 对应的数据。
在 fetchAllData() 函数中，我们使用了 Promise.allSettled() 方法来并行处理多个异步操作。该方法接受一个 Promise 对象数组作为参数，该数组包含多个 Promise 对象。在本例中，我们使用了 Array.prototype.map() 方法将 urls 数组中的每个 URL 转换为一个 Promise 对象，并将这些 Promise 对象存储在 promises 数组中。
接着，我们使用 await 关键字等待 Promise.allSettled(promises) 方法返回的 Promise 对象。该方法会等待所有 Promise 对象都完成后返回一个新的 Promise 对象。在本例中，我们将这个新的 Promise 对象存储在 results 变量中，并将其返回。
最后，我们在外部调用 fetchAllData() 函数，并使用 .then() 方法处理返回的结果。在本例中，我们简单地将结果打印到控制台上。
总结
ES9 中引入的 async 函数的并行处理能力可以让我们更加方便地处理异步操作，从而提高代码的性能和可读性。通过使用 Promise.allSettled() 方法，我们可以并行处理多个异步操作，并在所有异步操作完成后返回一个 Promise 对象，该对象包含每个异步操作的状态和结果。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6566a75ad2f5e1655dfa4487