鍍金池/ 問答/HTML/ 生成器方法是啥意思，請教

生成器方法是啥意思，請教

網上看到這東西，完全不懂什么意思，而且也報錯了，請教大神指導

class Collection {
    constructor() {
        this.items = [];
    }
    *[Symbol.iterator]() {
        yield *this.items.values();
    }
}
var collection = new Collection();
collection.items.push(1);
collection.items.push(2);
collection.items.push(3);
for (let x of collection) {
    // 1
    // 2
    // 3
    console.log(x);
}
回答
編輯回答
陪她鬧

for (let x of collection) {}
等價于
for (let x of collection[Symbol.iterator]()) {}
效果：遍歷迭代器。

Collection類中

// 這是個生成器函數
*[Symbol.iterator]() {
    yield *this.items.values();
}

而執(zhí)行生成器函數會返回一個迭代器。
iter = collection[Symbol.iterator]();

for (let x of collection[Symbol.iterator]()) {}
等價于
for (let x of iter) {}

來看iter這個迭代器
*[Symbol.iterator]() {}生成器函數內yield *表達式執(zhí)行了this.items.values方法，返回1個迭代器，每次遍歷該迭代器返回數組每一項的值。（Array.prototype.values() 方法 chrome未實現所以報錯）

那么：
for (let x of iter) {}
等價于
for (let x of collection.items) {}

不大好講。。感覺至少得先了解迭代器和生成器的概念。。。
貼個參考鏈接吧

2017年1月22日 00:02
編輯回答
陌上花

這個解釋下來 不是容易的事！ 分幾點把: 參考！
1 你的明白什么是迭代器 因為生成器就是迭代器的另一種方法 比迭代器更高明是可以修改內部狀態(tài)

2 生成器是可以作為迭代器工廠的特殊函數。如果一個函數包含了一個或多個 yield 表達式，那么就稱它為生成器

3 當一個生成器函數被調用時，函數體不會即刻執(zhí)行，它會返回一個 generator-iterator 對象。每次調用 generator-iterator 的 next() 方法，函數體就會執(zhí)行到下一個 yield 表達式，然后返回它的結果。當函數結束或者碰到 return 語句，一個 StopIteration 異常會被拋出！

4 除了 next() 方法，generator-iterator 對象還有一個 send() 方法，該方法可以修改生成器的內部狀態(tài)。傳給 send() 的值將會被當做最后一個 yield 表達式的結果，并且會暫停生成器。在你使用 send() 方法傳一個指定值前，你必須至少調用一次 next() 來啟動生成器

2017年3月7日 01:02