在 JavaScript 中，async/await 是一种用于处理异步操作的语法糖，它使得异步代码的编写更加简单和直观。await 关键字被用于等待异步操作的结果，但是在实际使用中，我们可能希望能够更加灵活地控制异步操作的执行流程，那么在 ES12 中，await 能否换一种写法呢？
传统的 await 写法
在介绍 ES12 中的新写法之前，我们先来回顾一下传统的 await 写法。假设我们有一个异步函数 getData()，它返回一个 Promise 对象，我们希望在异步函数执行完成后，打印出 Promise 对象的结果。那么我们可以这样写代码：
async function test() {
const result = await getData();
console.log(result);
}在这个例子中，await 等待 getData() 函数执行完成并返回 Promise 对象的结果，然后将结果赋值给 result 变量。接着，我们打印出了 result 变量的值。
ES12 中的新写法
在 ES12 中，我们可以使用 Promise.any() 方法来实现异步操作的控制流程。Promise.any() 方法接收一个 Promise 对象数组作为参数，它会等待数组中的任意一个 Promise 对象执行完成并返回结果。如果所有 Promise 对象都执行失败，则会抛出一个 AggregateError 异常。
那么我们可以把上面的例子用 Promise.any() 方法来重写：
async function test() {
const [result] = await Promise.any([getData()]);
console.log(result);
}在这个例子中，我们传入了一个只包含一个 Promise 对象的数组。await 等待 Promise.any() 方法返回的数组，并使用解构赋值将数组中的第一个元素赋值给 result 变量。最后，我们打印出了 result 变量的值。
与传统写法的比较
使用 Promise.any() 方法的好处是可以更加灵活地控制异步操作的执行流程。如果我们传入多个 Promise 对象，Promise.any() 方法会等待其中任意一个 Promise 对象执行完成并返回结果，这样可以大大提高异步操作的效率。而传统的 await 写法只能等待一个异步操作执行完成，并不够灵活。
不过需要注意的是，Promise.any() 方法只有在所有 Promise 对象都执行失败时才会抛出异常，而传统的 await 写法会在任意一个 Promise 对象执行失败时就抛出异常。因此，在处理异步操作异常时需要注意这个区别。
总结
ES12 中的 Promise.any() 方法为我们提供了一种更加灵活的异步操作控制流程的写法。与传统的 await 写法相比，它可以提高异步操作的效率，但在处理异常时需要注意一些区别。在实际开发中，我们可以根据具体情况选择合适的写法来编写异步操作的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6584aeb4d2f5e1655df45428