magic-iterable 是一个 NPM 包，它提供了一个可迭代对象，使得在 JavaScript 中使用同步风格 APIs 比较容易。它使用了一些黑魔法，如 ES6 Proxy 和 asyncGenerator 的自底向上实现方式。
安装
要使用 magic-iterable，您需要安装它。使用您的包管理器（npm，yarn）允许你轻松安装：
--- ------- --------------
---- --- --------------
使用
你可以像使用其他模块一样导入 magic-iterable：
----- - -------------- - - --------------------------
一旦您导入了模块，就可以使用 createIterable 方法来创建一个可迭代对象：
----- -------- - ----------------------- ------
第一个参数是一个同步 API，您想把它和经典的 Promise API 进行对比并转换。该同步 API 必须是一个函数，它需要使用回调函数返回结果。
args 是一个可选的数组，作为第一个参数(synApi)的参数。
对于下面这个示例，我们将使用 Node.js 中的 fs.readFile 方法来创建一个同步 API：
----- -- - --------------
-------- ------------------ --------- --------- -
--------------------- --------- ----- ----- -- -
-- ----- -
------ --------------
-
-------------- ------
---
-使用上述的同步 API，您可以在一个数组中列出想要读取的文件：
----- ----- - --------------- -------------- ---------------
接下来，将使用 createIterabler 方法创建一个可迭代对象并将其存储在变量iterable中：
----- -------- - ------------------------ ------ --------
iterable 是一个可迭代对象，您可以对其进行迭代并读取每个文件中的内容。您可以使用 for-await-of 循环来迭代可迭代对象并等待回调函数返回数据。如下所示：
------ -------- -- -
--- ----- ------ -------- -- --------- -
----------------------
-
-----深度和学习意义
黑魔法
magic-iterable 使用了一些黑魔法，如 ES6 Proxy 和 asyncGenerator 的自底向上实现方式。它演示了如何使用 ES6 的一些高级特性来创建新的功能，例如在 JavaScript 中使用同步风格的 API。
优雅的同步风格 API
magic-iterable 提供了一个简单而优雅的方法，用于将异步 API 放入一个同步风格的容器中，而无需担心回调地狱等问题。这使得您可以使用同步代码来处理异步操作，而不必担心复杂的回调结构。
方便的异步迭代器
magic-iterable 提供了一种灵活的机制，允许您创建一个异步迭代器，消除了许多关于同步 API 和 Promise API 易错的问题并促进了更多的灵活性。
示例代码
----- - -------------- - - --------------------------
----- -- - --------------
-------- ------------------ --------- --------- -
--------------------- --------- ----- ----- -- -
-- ----- -
------ --------------
-
-------------- ------
---
-
----- ----- - --------------- -------------- ---------------
----- -------- - ------------------------ ------ --------
------ -------- -- -
--- ----- ------ -------- -- --------- -
----------------------
-
-----通过本文，您已经了解了使用 magic-iterable 的优势和用法，希望您可以在实际应用中将其应用到项目中，让您的代码更加简洁和高效。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005726d81e8991b448e8a4e