JavaScript 作为一种动态语言，一直是前端开发者心中的宠儿。但是，由于其过度灵活造成的一些问题也一直困扰着前端开发者。为了解决这些问题，JavaScript 的开发者们不断的开发出新的功能和特性。而其中，generator.Onlys 就是前端开发者翘首以待的功能之一。
什么是 generator.Onlys？
generator.Onlys 是一个新的状态机构造标记。这是在 ES6 中添加的一个新功能，用于生成器函数的下一个值的生成和暂停。generator.Onlys 让开发者可以更容易地创建和管理异步代码，从而简化了异步代码的开发，减少了错误和繁琐的回调代码。
generator.Onlys 的语法
generator.Onlys 的语法跟普通函数相似，只是在函数关键字 function 后面加上了一个 * 号，表示这是一个生成器函数。同时，它也可以使用关键字 yield 来掌控代码的执行过程，从而实现“协作式多任务处理”。
下面是一个示例：
-- -------------------- ---- -------
--------- ------------- -
--- - - --
----- ------ -
----- ----
-
-
----- ------------ - --------------
--------------------------------------- -- -
--------------------------------------- -- -
--------------------------------------- -- -在以上代码中，我们创建了一个 myGenerator 生成器函数，用来生成无限递增的数字。然后我们用 let generatorObj = myGenerator(); 创建了一个迭代器对象来访问这个生成器函数。最后我们使用 next 方法来获取生成器函数的下一个值。
generator.Onlys 的优势
generator.Onlys 的一个显著优势是能够解决 JavaScript 中的回调困扰。正如我们在示例代码中看到的那样，使用 yield 关键字，我们可以有效地保留生成器函数的状态，然后在下一次执行时恢复它。这种技术被称为“协作式多任务处理”。
另外，generator.Onlys 还可以极大地简化 Promise 和回调代码。使用 generator.Onlys，我们可以轻松地把异步函数转化为同步函数。这显著提高了代码清晰度和可读性，同时也减少了错误和代码量。
generator.Onlys 在异步代码中的实际应用
下面我们来看一个实际应用场景，使用 generator.Onlys 改写 Promise 或者回调式异步请求。
- 改写 Promise 示例
-- -------------------- ---- -------
--------- --------------- -
----- --------- - ----- ------------
----- ---------- - ----- ----------------
----- --------- - ----- -----------------
------ ---------
-
----- -------- - --------------------------------------------------------
-------------- ------ -- ---- - ----- - -----------------------
-------------- ------ -- ---- - ----- - -----------------------
-------------- ------ -- ---- - ----- - ------------------------以上代码实现了连续多个 network 请求的异步操作。相对于原生的 Promise 链来说，优势在于代码更清晰，更易读。
- 改写 node.js 的异步回调，将其改为同步调用
-- -------------------- ---- -------
----- -- - --------------
----- ---- - -------------
-------- ------------------- -
------ --- ----------------- ------- -- -
----------------- ----- ----- -- -
-- ----- -
------------
- ---- -
-------------------------
-
---
---
-
--------- ----------------- -
--- -
----- -- - ----- --------------------
----------------
----- -- - ----- -------------------------
----------------
----- -- - ----- -------------------------
----------------
- ----- ------- -
---------------------
-
-
----- ---------- - ------------------
------- - ------- -------- -- -
----- -------- - ------- - ----------------------- - ----------------------
-- --------------- -
---------------------- -----------
-------
-
------------------------ -- --------------
------------ -- -------------- -------
--
----------以上代码中，我们使用了 node.js 原生的 fs 模块来实现文件读取。然而文件读取 API 是一个异步回调模式的 API，需要将它转化为同步模式以此来更加简单高效地读取内容。在这里我们使用了 generator.Onlys 实现了改写异步回调 - 同步调用模式。
结论
generator.Onlys 是一项非常有用的 JavaScript 编程功能，它让编写异步代码变得更容易，同时也提高了代码的可读性和可维护性。通过使用 generator.Onlys，开发者可以极大地减少自己的工作量，并把精力集中在业务逻辑上。因此，对于前端开发者而言，学习并掌握 generator.Onlys 是非常重要的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6744566dc22b09372b143523