Promise 是一种用于异步编程的技术，它可以让我们更方便地处理异步操作，避免了回调地狱的问题。在 ES6 中，Promise 已经成为了标准的一部分，但在 ES7 中，它被进一步扩展了，引入了一些新的修饰符和操作符。
async/await
async/await 是 ES7 中最重要的新增特性之一，它是一种更加简洁、直观的处理异步操作的方式。使用 async/await，我们可以将异步操作看作是同步操作，避免了回调地狱的问题。
async/await 的语法非常简单，只需要在函数前面加上 async 关键字，然后在异步操作前面加上 await 关键字即可。例如：
async function getData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}在上面的例子中，我们使用了 async/await 来获取一个远程 API 的数据。首先，我们使用 fetch 函数来获取数据，然后使用 await 等待数据返回。一旦数据返回，我们使用 response.json() 方法来将响应解析为 JSON 格式，然后将数据返回。
使用 async/await 的好处在于代码更加简洁、易读，同时也更容易进行错误处理。如果异步操作出现错误，我们可以使用 try/catch 语句来捕获错误，例如：
// javascriptcn.com 代码示例
async function getData() {
try {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
} catch (error) {
console.error(error);
return null;
}
}在上面的例子中，如果异步操作出现错误，我们会捕获错误并输出错误信息，然后返回 null。
Promise.allSettled
Promise.allSettled 是 ES7 中新增的一个 Promise 操作符，它可以让我们同时处理多个 Promise 对象，并在所有 Promise 对象都完成后返回一个结果数组。
Promise.allSettled 的语法非常简单，只需要将需要处理的 Promise 对象放入一个数组中，然后使用 Promise.allSettled 方法即可。例如：
// javascriptcn.com 代码示例
const promises = [
Promise.resolve(1),
Promise.reject(new Error('error')),
Promise.resolve(2),
];
Promise.allSettled(promises).then(results => {
console.log(results);
});在上面的例子中，我们创建了一个包含三个 Promise 对象的数组，其中包括一个成功的 Promise 对象、一个失败的 Promise 对象和一个成功的 Promise 对象。然后，我们使用 Promise.allSettled 方法来处理这个数组，并在所有 Promise 对象都完成后输出结果。
当所有 Promise 对象都完成后，Promise.allSettled 方法会返回一个结果数组，其中包括每个 Promise 对象的状态和结果。例如，在上面的例子中，结果数组将包括以下内容：
[
{ status: 'fulfilled', value: 1 },
{ status: 'rejected', reason: Error: error },
{ status: 'fulfilled', value: 2 },
]Promise.any
Promise.any 是 ES7 中新增的另一个 Promise 操作符，它可以让我们同时处理多个 Promise 对象，并在任何一个 Promise 对象成功后返回一个结果。
Promise.any 的语法与 Promise.allSettled 类似，只需要将需要处理的 Promise 对象放入一个数组中，然后使用 Promise.any 方法即可。例如：
// javascriptcn.com 代码示例
const promises = [
Promise.reject(new Error('error 1')),
Promise.resolve(1),
Promise.reject(new Error('error 2')),
];
Promise.any(promises).then(result => {
console.log(result);
});在上面的例子中，我们创建了一个包含三个 Promise 对象的数组，其中包括两个失败的 Promise 对象和一个成功的 Promise 对象。然后，我们使用 Promise.any 方法来处理这个数组，并在任何一个 Promise 对象成功后输出结果。
当任何一个 Promise 对象成功后，Promise.any 方法会返回成功的 Promise 对象的结果。例如，在上面的例子中，结果将为 1。
总结
ES7 中新增的 async/await 修饰符和 Promise.allSettled、Promise.any 操作符，为我们处理异步操作提供了更加简洁、直观的方式。使用这些新特性，我们可以更方便地编写高效、可读性强的异步代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653b337f7d4982a6eb58e425