在编写现代 JavaScript 应用程序时，async/await 已经成为了异步编程的标准方式。然而，许多软件开发者在使用 Babel 进行代码转换时遇到了困境 - Babel 不支持 async。那么，我们该如何解决这个问题呢？在本文中，我们将深入探讨此问题，并提供一些代码示例，以在实践中指导读者如何在他们的应用程序中正确地使用这个功能。
问题源头
在 Babel 的 GitHub 页上，我们可以看到这个问题的原因：async 函数是 ECMAScript 的最新特性之一，而 Babel 奉行的是将 ECMAScript 新特性转换为旧版本 JavaScript 的理念。因此，Babel 不支持 async 函数，因为它需要依赖于 ES6 运行时库，而该库在旧版本 JavaScript 中并不存在。
解决方案
那么，我们该如何在使用 Babel 转换代码时使用 async 函数呢？答案是使用平台相关编译目标（target）来配置 Babel。特别是，我们需要在 Babel 中指定目标平台为 Node.js。这是因为 Node.js 正在飞速发展并新增了许多新特性，其中包括 Promise 和 async 等。此外，我们还需要安装 Babel 的插件“babel-plugin-transform-async-to-generator”，以便将 async / await 函数转换为生成器函数。
下面的示例代码展示了如何在 Node.js 中使用 async / await 函数：
-- -------------------- ---- ------- -- ----------- -------- ----- -------- ----------- - ----- -------- - ----- ------------------------------------------------------ ----- ---- - ----- ---------------- ------ -------- - -- ---- --- ----- -------- ------------------------- -- - -------------------- ---
然而，当我们运行这段代码时，我们将遇到一个错误：“SyntaxError: Unexpected identifier”，因为 Babel 没有正确地识别 async 关键字。为解决这个问题，我们需要在 Babel 中配置目标平台，并在代码中添加“use strict”语句：
-- -------------------- ---- -------
-
---------- -
-
--------------------
-
---------- -
------- ---------
-
-
-
--
---------- -
--------------------------------------------
-
-如果您使用的是.babelrc 文件，则添加以上配置即可。如果您使用的是 package.json 文件，则在“babel”部分中添加以下行：
-- -------------------- ---- -------
-------- -
---------- -
-
--------------------
-
---------- -
------- ---------
-
-
-
--
---------- -
--------------------------------------------
-
-现在，我们的代码应该可以正常工作了，如下所示：
-- -------------------- ---- ------- ---- -------- -- ----------- -------- ----- -------- ----------- - ----- -------- - ----- ------------------------------------------------------ ----- ---- - ----- ---------------- ------ -------- - -- ---- --- ----- -------- ------------------------- -- - -------------------- ---
结论
虽然 Babel 不支持 async 函数，但通过正确配置 Babel 和安装必要的插件，我们可以轻松地将它们转换为生成器函数。遵循本文中提供的指南和示例代码，读者可以在他们的应用程序中使用 async / await 函数，从而获得更好的异步编程体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674fc278fbd23cf8906f8315