TypeScript 支持 ES8 中的 async 和 await
TypeScript 是一个由微软开发并维护的开源项目，它是 JavaScript 的一个超集，为我们提供了更好的类型检查、错误提示和编码辅助功能等。TypeScript 最初的目的是用于大型项目的开发，因为 JavaScript 缺乏类型系统，容易引起类型错误。但是，随着 Node.js、React 和 Angular 等项目的流行，TypeScript 已经成为了一个非常流行的前端工具。
在 ES8 中，JavaScript 语言引入了 async 和 await 关键字，使得异步编程更加方便和优雅。在 TypeScript 中，async 和 await 的使用方式和 JavaScript 是相同的。
async 和 await 的优点
在使用异步编程时，传统的回调方式使代码结构复杂，不易维护。Promise 是一种流行的解决方案，它通过链式调用解决了回调函数嵌套的问题，但是 Promise 的语法依然不够简洁。async 和 await 在 Promise 的基础上提供了更优雅的语法。
在使用 async 和 await 时，函数的执行顺序就如同同步代码一样，而不必使用回调函数处理。
示例代码
我们可以定义一个异步函数来获取某个 URL 上的数据，如下：
async function fetchUrlData(url: string): Promise<string> {
let response = await fetch(url);
return response.text();
}fetchUrlData 函数返回一个 Promise，它异步请求了指定 URL 上的内容。在 fetchUrlData 函数中，我们使用了 await 关键字等待 fetch 方法返回的 Promise 结果，然后使用 response.text() 方法获取文本格式的响应数据。最终，fetchUrlData 将返回一个 Promise，它的结果是获取到的文本数据。
在调用 fetchUrlData 时，我们使用了 await 关键字等待异步请求结果返回：
async function main() {
let data = await fetchUrlData('https://www.example.com');
console.log(data);
}在 main 函数中，我们调用了 fetchUrlData 函数，并且使用 await 等待其返回结果。在命令行中，执行 main 函数将会获取指定 URL 上的数据并输出到控制台上。
需要注意的是，在一个异步函数中使用 await 关键字，这个异步函数必须用 async 关键字声明。而在普通的函数中，不能使用 await 关键字。
总结
通过 async 和 await 的引入，我们可以使用类似同步代码的方式编写异步代码，使得代码的结构更加直观和易读。而在使用 TypeScript 时，async 和 await 的支持让我们在编写可维护、可扩展和类型安全的代码时更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653303447d4982a6eb630c00