如果你是一个前端开发者，那么你一定使用过 JavaScript。JavaScript 的一个弊端是不能支持异步编程，这就导致了一些延迟。在这种情况下，开发人员必须编写回调函数和 Promises，这会使代码变得非常复杂。这时候就需要用到 esnext-async，它是一个 npm 包，能够使异步编程更加轻松。
什么是 esnext-async
esnext-async 是一种 JavaScript 语言扩展，它可以在你的代码中使用异步函数等特性，来使你的代码更具可读性和可维护性。
esnext-async 的安装
使用 npm 指令 npm install esnext-async 即可安装 esnext-async 包。
esnext-async 使用示例
接下来，我们将通过一个简单的示例来演示如何使用 esnext-async 包。
首先，我们尝试使用 esnext-async 来解决 Promise 和回调函数带来的困扰，下面展示的是一个不使用 esnext-async 的示例：
-------- ------------ -
------ --- ------------------------- ------- -
--- --- - --- -----------------
--------------- -----
---------- - ---------- -
-- ----------- --- ---- -
----------------------
- ---- -
---------- -----------------------
-
--
----------- - ---------- -
---------- -------------- ---------
--
-----------
---
-现在，使用 esnext-async。
----- -------- ------------ - ----- -------- - ----- ----------- ------ ---------------- -
在这个示例中，我们用 esnext-async 内置的 fetch 函数来发起 GET 请求，这个函数会返回一个 Promise 对象。我们可以使用 await 关键字来等待异步操作完成，并将结果保存在 response 变量中，然后返回 json 格式的数据。这使得异步编程比使用 Promise 或回调函数更加简单。
结论
在这篇文章中，我们介绍了 esnext-async 的安装方法和使用示例。由于它使异步编程更加轻松，所以建议大家熟悉该技术并尝试其中的特性，以更高效地完成前端开发任务。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f6ea8d7a9b7065299ccba00