ECMAScript 2020 简介
ECMAScript，简称 ES，是 JavaScript 的标准规范。ECMAScript 2020 是 ECMAScript 的最新版本，于 2020 年 6 月发布。新版本中加入了一些语言特性和 API，如 nullish 合并运算符、可选链操作符、BigInt、Promise.allSettled() 等。这些新特性和 API 使得 JavaScript 编程更加方便和灵活。
Promise Chaining
Promise 是 JavaScript 中处理异步代码的一种方式。在 Promise 中，你可以指定一个异步操作成功后执行的方法，也可以指定一个异步操作失败后执行的方法。这个方法会返回一个新的 Promise 对象，它代表着后续的操作。这种在不同 Promise 之间进行串联的操作就叫做链调用（Promise Chaining）。
ECMAScript 2020 的 await 关键字
在 ECMAScript 2020 中，你可以在异步函数内使用 await 关键字，它可以用来等待一个 Promise 对象完成，并返回异步操作的结果。如果 Promise 对象 resolve，则等待表达式的结果就是 resolve 的值；如果 Promise 对象 reject，则等待表达式就会抛出异常。
下面是一个使用 await 的例子：
async function getData() {
const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
const data = await response.json();
return data;
}
getData().then(data => console.log(data));在这个例子中，首先我们定义了一个异步函数 getData()，它会使用 fetch 函数去获取一个 JSON 数据。当 Promise 对象 resolve 时，我们将 response 对象用 await 获取，并将其解析成 JSON 格式的数据。如果 Promise 对象 reject 了，则 await 表达式会抛出异常。最后，异步函数 getData() 会返回一个 Promise 对象，在 Promise resolve 的时候，它的值就是获取到的数据。
Promise Chaining 的示例
下面是一个使用 Promise Chaining 的示例：
// javascriptcn.com 代码示例
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => {
console.log(response.status); // 输出 200
return response.json();
})
.then(data => {
console.log(data); // 输出 JSON 数据
})
.catch(error => {
console.error(error);
});在这个示例中，我们首先使用 fetch 函数去获取 JSON 数据。fetch 函数返回的是一个 Promise 对象，我们可以通过 then 方法在 Promise resolve 的时候执行回调函数。在第一个 then 中，我们会打印 HTTP 状态码，并通过 return 关键字将 response 对象传递给下一个 then 方法。在第二个 then 中，我们会将获取到的 JSON 数据打印出来。如果任意一个操作 reject 了，我们会在 catch 方法中处理异常。
总结
Promise Chaining 是 JavaScript 中处理异步代码的一种方式，可以帮助我们更加方便地处理异步操作。在 ECMAScript 2020 中，引入了 await 关键字，进一步简化了代码和异步操作的处理。在使用 Promise 和 await 时，需要格外注意异常处理，以免导致程序出现问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652a48a87d4982a6ebc9b945