在前端开发中，任务调度器是一个非常常见的需求。它可以帮助我们在特定的时间或条件下执行一些任务，比如定时执行某个函数或者在用户触发某个事件后执行一些操作。本文将介绍如何使用 ES8 Iterable 和 Iterator 实现一个简单的任务调度器。
ES8 Iterable 和 Iterator
ES8 引入了一个新的概念 —— Iterable 和 Iterator。Iterable 表示可迭代对象，Iterator 表示迭代器。一个对象如果实现了 Iterable 接口，就可以使用 for...of 循环来遍历它。而 Iterator 则是用来实现迭代器的，它必须实现 next() 方法，每次调用 next() 方法都会返回一个包含 value 和 done 两个属性的对象，value 表示当前迭代的值，done 表示迭代是否结束。
实现一个简单的任务调度器
现在我们来实现一个简单的任务调度器，它可以在指定的时间间隔内执行一些任务。我们可以将任务封装成一个函数，然后将它们放入一个数组中。任务调度器会按照指定的时间间隔依次执行数组中的任务。
首先，我们需要定义一个任务调度器的类：
-- -------------------- ---- -------
----- --------- -
------------- -
---------- - --- -- ----
------------- - ----- -- -------- - -
------------- - ----- -- ---
-
------------- -
----------------------
-
--------------------- -
------------- - ---------
-
------- -
-- -----
------------- - ------------------------------
-- -------
---------------
-
--------- -
----- - ------ ---- - - ---------------------
-- ------- -
-- ----
--------
-- --------------
------------- -- -
---------------
-- ---------------
-
-
-这个类有三个方法：addTask、setInterval 和 start。addTask 用来添加任务，setInterval 用来设置时间间隔，start 用来启动任务调度器。我们还定义了一个 tasks 数组来存储任务，一个 interval 变量来存储时间间隔，以及一个 iterator 变量来存储迭代器。
在 start 方法中，我们首先创建了一个迭代器，然后执行了第一个任务。在 execute 方法中，我们使用迭代器的 next 方法来获取下一个任务，并执行它。如果任务队列中还有任务，就会在指定的时间间隔后继续执行下一个任务。如果任务队列中已经没有任务了，就会停止执行。
现在我们来测试一下：
-- -------------------- ---- ------- ----- --------- - --- ------------ -------------------- -- - ----------------- ---- --- -------------------- -- - ----------------- ---- --- ---------------------------- ------------------
这段代码会输出 Task 1 和 Task 2，每隔 2 秒执行一次。
总结
本文介绍了如何使用 ES8 Iterable 和 Iterator 实现一个简单的任务调度器。任务调度器可以帮助我们在指定的时间间隔内执行一些任务，它的实现依赖于 ES8 Iterable 和 Iterator 的特性。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f167232b3ccec22fa1da79