精通 JavaScript 中的生成器函数

简介

在本实验中，我们将深入探讨 JavaScript 中的生成器函数概念。我们将探究它们与常规函数的区别，并学习如何使用 isGeneratorFunction() 函数来识别它们。通过实际示例和练习，你将扎实地理解生成器函数的工作原理及其在代码中的潜在应用。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/functions("Functions") javascript/AdvancedConceptsGroup -.-> javascript/closures("Closures") javascript/AdvancedConceptsGroup -.-> javascript/proto_inherit("Prototypes and Inheritance") subgraph Lab Skills javascript/variables -.-> lab-28421{{"值是否为生成器函数"}} javascript/data_types -.-> lab-28421{{"值是否为生成器函数"}} javascript/arith_ops -.-> lab-28421{{"值是否为生成器函数"}} javascript/comp_ops -.-> lab-28421{{"值是否为生成器函数"}} javascript/functions -.-> lab-28421{{"值是否为生成器函数"}} javascript/closures -.-> lab-28421{{"值是否为生成器函数"}} javascript/proto_inherit -.-> lab-28421{{"值是否为生成器函数"}} end

检查一个值是否为生成器函数

要检查一个值是否为生成器函数，你可以使用 isGeneratorFunction 函数。要开始练习编码，请打开终端/SSH 并输入 node。

以下是 isGeneratorFunction 函数的工作原理：

它通过使用 Object.prototype.toString() 和 Function.prototype.call() 来检查给定的参数是否为生成器函数。
如果检查结果是 '[object GeneratorFunction]'，那么该值就是一个生成器函数。

以下是 isGeneratorFunction 函数的代码：

const isGeneratorFunction = (val) =>
  Object.prototype.toString.call(val) === "[object GeneratorFunction]";

以下是一些使用它的示例：

isGeneratorFunction(function () {}); // false
isGeneratorFunction(function* () {}); // true

总结

恭喜你！你已经完成了“值是否为生成器函数”实验。你可以在 LabEx 中练习更多实验来提升你的技能。