ECMAScript 2018：JavaScript 中的 “迭代器生成器” 解决方案
JavaScript 作为一门动态语言，常常需要处理各种不同类型的数据，比如数组、对象、字符串等。而这些数据类型的处理往往需要使用到迭代器和生成器等特性，而 ECMAScript 2018 中引入的迭代器生成器解决方案，为我们提供了更加简单和高效的数据处理方式。
一、迭代器
在 JavaScript 中，迭代器是一种用于遍历容器（如数组、对象、字符串等）中元素的机制。迭代器的使用可以让我们遍历容器中的每个元素，而不需要了解容器的内部实现细节。
在 ECMAScript 2015 中，引入了迭代器协议，该协议定义了一个 next() 方法，用于返回容器中下一个元素的值和一个布尔值，表示是否已经遍历完容器中的所有元素。以下是一个简单的迭代器示例：
--- ------- - --- -- --- --- -------- - --------------------------- ----------------------------- -- ------- -- ----- ------ ----------------------------- -- ------- -- ----- ------ ----------------------------- -- ------- -- ----- ------ ----------------------------- -- ------- ---------- ----- -----
上述示例中，我们首先使用 Symbol.iterator 方法获取了数组 myArray 的迭代器对象，并通过 next() 方法遍历了数组中的所有元素。每次调用 next() 方法都会返回一个对象，其中 value 属性表示迭代器当前所指向的元素的值，而 done 属性则表示是否已经遍历完所有元素。
二、生成器
在 JavaScript 中，生成器是一种用于生成迭代器的函数。生成器函数使用 function* 关键字进行定义，并通过 yield 关键字来定义每个迭代器返回的值。以下是一个简单的生成器示例：
--------- ------------- - ----- -- ----- -- ----- -- - --- -------- - -------------- ----------------------------- -- ------- -- ----- ------ ----------------------------- -- ------- -- ----- ------ ----------------------------- -- ------- -- ----- ------ ----------------------------- -- ------- ---------- ----- -----
上述示例中，我们定义了一个名为 myGenerator 的生成器函数，并在函数体中使用了 yield 关键字来定义每个迭代器返回的值。我们通过调用 myGenerator() 函数获取了一个迭代器对象，并通过 next() 方法遍历了生成器函数中定义的所有值。
三、迭代器生成器
在 ECMAScript 2018 中，我们可以将迭代器和生成器结合起来使用，从而更加方便地处理各种类型的数据。迭代器生成器使用 function* 关键字定义生成器函数，并使用 yield* 关键字来代替手动调用迭代器的 next() 方法。以下是一个简单的迭代器生成器示例：
--------- -------------------------- -
--- ---- - - -- - - ------------- ---- -
----- ---------
-
-
--- ------- - --- -- ---
--- -------- - -----------------------------
----------------------------- -- ------- -- ----- ------
----------------------------- -- ------- -- ----- ------
----------------------------- -- ------- -- ----- ------
----------------------------- -- ------- ---------- ----- -----上述示例中，我们定义了一个名为 myIteratorGenerator 的迭代器生成器函数，并在函数体中使用了 yield 关键字来定义每个迭代器返回的值。我们通过调用 myIteratorGenerator(myArray) 函数获取了一个迭代器对象，并通过 next() 方法遍历了数组 myArray 中的所有元素。
总结
迭代器生成器是 ECMAScript 2018 中引入的一种新特性，它为我们提供了更加简单和高效的数据处理方式。通过使用迭代器生成器，我们可以更加方便地遍历各种类型的数据，从而提高代码的可读性和可维护性。如果你还没有尝试过迭代器生成器，那么现在就是时候开始学习了！
示例代码：https://codepen.io/pen/?template=KKLmJNv
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d31609add4f0e0ffb57d25