ECMAScript 2019: 如何使用 Promise 和 Async/Await
Promise 和 Async/Await 是 JavaScript 中两种非常常见的异步编程方式，它们使得我们可以更加方便地处理异步操作。在 ECMAScript 2019 中，Promise 和 Async/Await 也得到了很多的改进和优化，本文将详细介绍如何使用这两种方式进行异步编程。
Promise
Promise 是一个对象，用于表示一个异步操作的最终完成或失败及其结果值。Promise 有三种状态：未完成（pending）、已完成（fulfilled）和已拒绝（rejected）。我们可以使用 then() 方法来处理 Promise 的完成和拒绝状态。
下面是一个使用 Promise 的示例代码：
// javascriptcn.com 代码示例
function getData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
let data = {
name: "Tom",
age: 18
};
resolve(data);
}, 1000);
});
}
getData().then(data => {
console.log(data);
});在这个示例代码中，我们使用 Promise 包装了一个异步操作，该操作在 1 秒后返回一个数据对象。使用 then() 方法，我们可以在 Promise 完成后获取到该数据对象并进行处理。
除了 then() 方法，Promise 还有其他一些方法，如 catch() 方法用于捕获 Promise 的拒绝状态，finally() 方法用于在 Promise 完成后执行一些操作，如清理资源等。
Async/Await
Async/Await 是 ECMAScript 2017 中引入的一种异步编程方式，它基于 Promise 并且使用了新的关键字 async 和 await。使用 Async/Await 可以让异步代码看起来更像同步代码，从而让代码更加易读易写。
下面是一个使用 Async/Await 的示例代码：
// javascriptcn.com 代码示例
function getData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
let data = {
name: "Tom",
age: 18
};
resolve(data);
}, 1000);
});
}
async function printData() {
let data = await getData();
console.log(data);
}
printData();在这个示例代码中，我们使用 async 关键字定义了一个异步函数 printData()，并使用 await 关键字等待 getData() 函数的 Promise 完成。在异步函数内部，我们可以像同步函数一样使用变量 data 来访问异步操作的结果。
需要注意的是，使用 Async/Await 时需要将异步操作包装在 Promise 中，因为 Async/Await 本身并不是一个异步编程方式，它只是一个基于 Promise 的语法糖。
总结
Promise 和 Async/Await 是 JavaScript 中两种重要的异步编程方式，它们可以让我们更加方便地处理异步操作。在 ECMAScript 2019 中，Promise 和 Async/Await 也得到了很多的改进和优化，如 Promise.allSettled() 方法可以同时处理多个 Promise，Async/Await 中可以使用 try/catch 语句捕获异常等。在实际开发中，我们需要根据具体的场景选择合适的异步编程方式，并结合 Promise 和 Async/Await 的优点来编写高效、可维护的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656ba5a2d2f5e1655d40b44b