在 JavaScript 的函数式编程中，工厂模式是一种常用的设计模式，它可以用于动态创建对象，并且可以使用不同的参数来自定义创建的对象。在 ES6 中引入的 Generator 函数可以方便地实现这种模式，让我们来一起来详细了解一下吧。
Generator 函数
Generator 函数是 ES6 中引入的一种特殊函数，它可以用来控制函数的执行过程。在函数执行过程中，我们可以使用 yield 关键字来暂停函数的执行，并返回一个中间结果。在下一次调用函数时，函数会从上一次暂停处继续执行。简单的来说，Generator 函数可以被看作是一个状态机，函数在执行中可以有多个状态。
以下是一个简单的 Generator 函数示例：
-- -------------------- ---- ------- --------- --------------- - ----- -- ----- -- ----- -- - ----- - - ---------------- ---------------------- -- - ------ -- ----- ----- - ---------------------- -- - ------ -- ----- ----- - ---------------------- -- - ------ -- ----- ----- - ---------------------- -- - ------ ---------- ----- ---- -
在这个 Generator 函数中，我们使用了 function* 关键字来定义一个 Generator 函数。在函数内部，我们使用了 yield 关键字来暂停函数的执行，并返回一个中间结果。在函数外部，我们使用了 g.next() 来调用函数，并获取函数的执行结果。
工厂模式
工厂模式是一种常用的设计模式，在 JavaScript 的函数式编程中也非常常见。在这个模式中，我们可以使用一个工厂函数来动态创建对象，并且可以使用不同的参数来自定义对象的属性和方法。
下面是一个简单的工厂模式示例：
-- -------------------- ---- -------
-------- ------------------ ---- -
------ -
-----
----
---------- -
------------------- -- ---- -- -------- --- - -- ------ ----- -------
-
--
-
----- ------- - --------------------- ----
----- ------- - ------------------- ----
------------------- -- ------ -- ---- -- ------ --- - -- -- ----- ----
------------------- -- ------ -- ---- -- ---- --- - -- -- ----- ----在这个示例中，我们定义了一个 createPerson 函数，这个函数接收 name 和 age 两个参数，并返回一个包含这两个属性和一个 sayHello 方法的对象。我们可以通过调用这个函数来动态地创建不同的对象。
Generator 函数实现工厂模式
在 ES6 中，我们可以使用 Generator 函数来实现工厂模式，让创建对象更加灵活和可定制。
下面是一个简单的使用 Generator 函数实现工厂模式的示例：
-- -------------------- ---- -------
--------- -------------- -
----- ---- - ----- ----- -- ---- -------
----- --- - ----- ---- --- --- ------
------ -
-----
----
---------- -
------------------- -- ---- -- -------- --- - -- ------ ----- -------
-
--
-
----- --------------- - ---------------
------------------------------------------ -- ---- -- ---- -----
------------------------------------------------- -- --- --- --- ----
-------------------------------------------- -- - ----- -------- ---- --- --------- ---------- --------- -
----- ------- - -----------------------------
------------------- -- ------ -- ---- -- ------ --- - -- -- ----- ----
----- ------- - ----------------------------------
------------------- -- ------ -- ---- -- ---- --- - -- --------- ----- ----在这个示例中，我们定义了一个 createPerson Generator 函数，这个函数使用了三个 yield 关键字来控制函数的执行过程。在第一个 yield 关键字中，我们向函数的调用者询问对象的名称，然后使用 yield 暂停函数的执行，并返回这个问题。在第二个 yield 关键字中，我们向函数的调用者询问对象的年龄，然后使用 yield 暂停函数的执行，并返回这个问题。最后，在函数的最后，我们返回一个包含这两个属性和一个 sayHello 方法的对象。
在函数外部，我们首先创建了一个 createPerson Generator 函数的实例 personGenerator。然后，我们调用三次 personGenerator.next() 函数来执行 Generator 函数，获取函数的执行结果。在第一次调用 next 函数时，Generator 函数会在第一个 yield 关键字处暂停，并返回 What is your name? 这个问题。我们可以通过第二个 next 函数来回答这个问题，并继续执行函数。在第三次调用 next 函数时，Generator 函数会在函数的最后处返回一个对象，我们可以通过这个对象来创建一个新的对象 person1。然后，我们可以调用 sayHello 方法来输出对象的信息。
在这个示例中，我们还可以为 Generator 函数传递参数，来实现更加定制化的对象创建。例如，我们可以通过 personGenerator.next("Bob").value 来为对象指定名称为 Bob。
总结
Generator 函数是 ES6 中引入的一种特殊函数，可以用来控制函数的执行过程。在函数的执行过程中，我们可以使用 yield 来暂停函数的执行，并返回一个中间结果。工厂模式是一种常用的设计模式，在 JavaScript 的函数式编程中也非常常见。在 ES6 中，我们可以使用 Generator 函数来实现工厂模式，让创建对象更加灵活和可定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aa835948841e98946a292a