生成器方法是啥意思，請(qǐng)教

網(wǎng)上看到這東西，完全不懂什么意思，而且也報(bào)錯(cuò)了，請(qǐng)教大神指導(dǎo)

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) {}
等價(jià)于
for (let x of collection[Symbol.iterator]()) {}
效果：遍歷迭代器。

Collection類中

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

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

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

來看iter這個(gè)迭代器
*[Symbol.iterator]() {}生成器函數(shù)內(nèi)yield *表達(dá)式執(zhí)行了this.items.values方法，返回1個(gè)迭代器，每次遍歷該迭代器返回?cái)?shù)組每一項(xiàng)的值。（Array.prototype.values() 方法 chrome未實(shí)現(xiàn)所以報(bào)錯(cuò)）

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

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

2017年1月22日 00:02

編輯回答

陌上花

這個(gè)解釋下來不是容易的事！分幾點(diǎn)把: 參考！
1 你的明白什么是迭代器因?yàn)樯善骶褪堑鞯牧硪环N方法比迭代器更高明是可以修改內(nèi)部狀態(tài)

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

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

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

2017年3月7日 01:02