狂飙突进的async/await

2023-11-04 11:17:53

早在2017年，ES8引入了两个具有变革性的async 和 await。这两个强大工具的加入，让 JavaScript 领域掀起了一股前所未有的异步编程革命。对于那些饱受回调地狱折磨的程序员来说，async/await 犹如久旱逢甘霖，瞬间让异步编程变得轻松而优雅。

一睹 async/await 的迷人风采

假设我们正在开发一个应用，需要从一个远程服务器获取数据。在没有 async/await 的时代，传统的解决方案是使用回调函数。在这个回调函数中，你可以执行获取数据的操作，并在数据返回后运行一个包含数据的回调函数。然而，回调函数层层嵌套的情况并不少见，导致代码结构变得错综复杂，可谓是让人头皮发麻。

为了摆脱回调地狱的梦魇，async/await 应运而生。async/await 将异步操作包装成同步代码，就像给异步代码穿上了同步的外衣。现在，你可以使用熟悉的同步语法来编写异步代码，让代码焕发焕然一新的简洁与清晰。

async/await 的核心概念

async 函数： async 函数是一种允许你编写异步代码的特殊函数。它会返回一个 Promise 对象，用于表示异步操作的结果。
await ： await 关键字用于等待 Promise 对象的结果。await 后面可以跟一个 Promise 对象，也可以跟一个表达式。如果 await 后面跟的是一个表达式，那么 await 会等待表达式的结果。

async/await 的常见范例

获取远程数据： async/await 最常见的用途之一就是获取远程数据。你可以使用 fetch() 函数来获取远程数据，然后使用 await 关键字来等待数据返回。
处理用户输入： async/await 还可以用于处理用户输入。例如，你可以使用 addEventListener() 方法来监听用户点击事件，然后使用 await 关键字来等待用户点击。
执行耗时操作： async/await 还可以用于执行耗时操作。例如，你可以使用 setTimeout() 函数来执行一个耗时操作，然后使用 await 关键字来等待操作完成。

与 Python 中的 async/await 一较高下

与 JavaScript 一样，Python 也提供了 async/await 来支持异步编程。Python 中的 async/await 与 JavaScript 中的 async/await 非常相似，但也有少许差异。