前端开发中，实时数据推送成为了越来越常见的需求，所谓实时数据推送就是指当数据发生变化时，能够立刻向客户端推送最新的数据，让客户端实时更新数据。本篇文章将介绍如何使用 ES6 Generator 实现实时数据推送，以及探讨其常见应用场景。
什么是 ES6 Generator
Generator 本质上是一种特殊的函数，它可以在函数执行到特定位置时，暂停当前函数的执行，并返回一个可迭代对象。在此之后，我们可以通过调用迭代器的 next() 方法，继续执行函数。在函数执行到 yield 关键字时，我们可以通过 next() 方法将一个值传入到 yield 表达式中，并恢复函数的执行。
-- -------------------- ---- ------- --------- ------------ - ----- ---- ----- ---- ----- ---- - ----- -------- - ------------- ----------------------------- -- ------ - ------ ---- ----- ----- - ----------------------------- -- ------ - ------ ---- ----- ----- - ----------------------------- -- ------ - ------ ---- ----- ----- - ----------------------------- -- ------ - ------ ---------- ----- ---- -
如上代码所示，我们定义了一个 Generator 函数 mySequence()，返回一个生成器对象 sequence。每次调用 sequence.next()，都会恢复函数的执行，并返回 yield 表达式后的值。当函数执行完毕后，迭代器对象的 value 为 undefined，done 为 true。
使用 ES6 Generator 实现实时数据推送
下面我们通过一个实际例子，来介绍如何使用 ES6 Generator 实现实时数据推送。假设我们需要订阅某个股票实时价格，每当股票价格发生变化时，需要立刻推送最新的价格到浏览器端。
我们可以通过以下方式来实现：
-- -------------------- ---- -------
--------- ------------------ -
--- ----- - --
----- ------ -
----- ------
----- - ------------------------ - -----
---------------------- ----- ------ -----------
-
-
----- -------------- - -------------------
--- ---- - - -- - - --- ---- -
-----------------------------------------
-如上代码所示，stockPrice() 是一个 Generator 函数，每次调用 next() 都会推送最新的股票价格，并打印一条调试信息。在主程序中，我们通过调用 Generator 对象的 next() 方法，来获取股票价格并打印到控制台。这里我们仅打印了 10 次，实际应用中我们需要将其集成到 WebSocket 或者 SockJS 等库中，实现实时推送功能。
常见应用场景
ES6 Generator 的可暂停/恢复执行特性，以及能够生成可迭代对象的能力，使其成为了一种非常强大的编程工具。除了实时数据推送，它还有以下常见应用场景：
1. 异步编程
在传统的异步编程中，我们需要使用回调函数或者 Promise，而使用 Generator 可以让异步代码更加简洁易懂。将异步处理逻辑放在一个 Generator 函数中，通过 yield 表达式等待异步结果返回，从而避免使用 Promise 的 then() 方法或者回调函数。这个特性非常适用于需要多个异步调用嵌套的复杂场景。
2. 迭代器模式
ES6 的 Generator 可以方便的生成可迭代对象，通过遍历可迭代对象可以达到迭代器模式中的遍历数据结构的目的。我们可以在 Generator 函数中使用 for of 循环，来迭代 Generator 生成的可迭代对象。
3. 协程
JavaScript 是单线程的语言，协程是一种允许 JavaScript 处理多个进程的技术。ES6 Generator 的可暂停、可恢复执行特性，使其成为了一种实现协程的工具，多个 Generator 可以通过协作来实现真正的并发。
总结
ES6 Generator 是一种非常强大的编程工具，通过它可以实现实时数据推送等一系列高级编程需求。除此之外，它还具有异步编程、迭代器模式、协程等多种应用场景。通过学习 ES6 Generator 的使用方法，我们可以更好的应对实际开发中的编程难题，提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e59291f6b2d6eab310487e