迭代器是一個(gè)對(duì)象，用于將容器對(duì)象作為列表遍歷。在 JavaScript 中，迭代器對(duì)象不是一個(gè)獨(dú)立的內(nèi)置對(duì)象，而是一個(gè)實(shí)現(xiàn) next 方法以訪問(wèn)容器對(duì)象中的下一項(xiàng)的對(duì)象。
JavaScript 迭代器的實(shí)現(xiàn)涉及符合特定接口的兩個(gè)或三個(gè)對(duì)象：

Iterable 接口
可迭代對(duì)象必須提供 Symbol.iterator 方法，該方法會(huì)返回一個(gè)迭代器。
<pre> obj[Symbol.iterator] = function() { return iterObj; }</pre>
Iterator 接口
Symbol.iterator 方法返回的對(duì)象必須實(shí)現(xiàn) next 方法。 next 方法具有以下語(yǔ)法。
next 方法是會(huì)返回一個(gè)值的函數(shù)。該函數(shù)返回一個(gè)符合 IteratorResult 接口的對(duì)象 (iterResultObj)。如果對(duì)迭代器的 next 方法的之前調(diào)用返回IteratorResult 對(duì)象（其 done 屬性為 true），則迭代終止且不會(huì)再調(diào)用 next 方法。
迭代器還可能包括 return 方法，以確保腳本用完迭代器后正確處理該迭代器。
<pre>iterObj.next() = function() { return iterResultObj; };</pre>
IteratorResult 接口
IteratorResult 接口是獲得迭代器上 next 方法的結(jié)果所需的接口。 next 返回的對(duì)象必須提供 done 和 value 屬性。
done 屬性返回迭代器的 next 方法調(diào)用的狀態(tài)，狀態(tài)為 true 或 false。如果已達(dá)到迭代器的末尾，則 done 返回 true。如果未達(dá)到迭代器的末尾，則 done 返回 false，并有一個(gè)值可用。如果 done 屬性（其自己的屬性或繼承的屬性）不存在，則 done 的結(jié)果被視為 false。如果 done 為 false，則 value 屬性返回當(dāng)前迭代元素值。如果 done 為 true，且如果提供了返回值，則這是迭代器的返回值。
如果迭代器不具有返回值，則未定義 value。在這種情況下，如果符合對(duì)象沒(méi)有繼承顯式值屬性，則符合對(duì)象中可能不存在 value 屬性。
<pre>var iterResultObj = { done: true|false, value: value }</pre>
可以使用這些接口創(chuàng)建自定義迭代器。這讓你能夠使用 for…of 語(yǔ)句遍歷可迭代對(duì)象

下面的示例演示為字符串對(duì)象返回迭代器的生成器。

    function* stringIter() {
             var str = "bobsyouruncle"; 
           var idx = 0;
            while(idx < str.length) yield str[idx++];
           }
            var si = stringIter();
           console.log(si.next().value);
           console.log(si.next().value);
           console.log(si.next().value);
           // Output:// b// o// b

還可以使用 yield * 表達(dá)式替代 yield，以委托到另一個(gè)生成器或另一個(gè)可迭代對(duì)象，例如數(shù)組或字符串。

如果將下面的代碼追加到前面的示例中，則 yield※ 委托到 stringIter 生成器。

    function* strIter() { 
          yield "jo"; yield* stringIter();
          }
          var si2 = strIter();
          console.log(si2.next().value);
          console.log(si2.next().value);
          console.log(si2.next().value);
          console.log(si2.next().value);
          // Output:// jo// b// o// b

還可以將參數(shù)傳遞給 next 并使用該參數(shù)修改生成器的狀態(tài)，以創(chuàng)建更高級(jí)的生成器。 next 將成為之前執(zhí)行的 yield 表達(dá)式的結(jié)果值。在下面的示例中，當(dāng)你將值 100 傳遞給 next 方法時(shí)，會(huì)重置生成器的內(nèi)部索引值。

    function* strIter() {
        var str = "jobob";
        var idx = 0;
        while(idx , str.length) {
            var modify = yield str[idx++];
            if(modify == 100) {
                idx = 0;
            }
        }
    var si3 = strIter();
    console.log(si2.next().value);
    console.log(si2.next().value);
    console.log(si2.next().value);
    console.log(si2.next(100).value);
    // Output:// j// o// b// j