簡(jiǎn)介
基本概念
Generator 函數(shù)有多種理解角度爽室。語法上汁讼，首先可以把它理解成，Generator 函數(shù)是一個(gè)狀態(tài)機(jī)阔墩，封裝了多個(gè)內(nèi)部狀態(tài)嘿架。
執(zhí)行 Generator 函數(shù)會(huì)返回一個(gè)遍歷器對(duì)象，也就是說啸箫，Generator 函數(shù)除了狀態(tài)機(jī)耸彪，還是一個(gè)遍歷器對(duì)象生成函數(shù)。返回的遍歷器對(duì)象忘苛，可以依次遍歷 Generator 函數(shù)內(nèi)部的每一個(gè)狀態(tài)蝉娜。
形式上，Generator 函數(shù)是一個(gè)普通函數(shù)扎唾，但是有兩個(gè)特征召川。一是，function關(guān)鍵字與函數(shù)名之間有一個(gè)星號(hào)胸遇；二是荧呐，函數(shù)體內(nèi)部使用yield表達(dá)式，定義不同的內(nèi)部狀態(tài)（yield在英語里的意思就是“產(chǎn)出”）。
function* helloWorldGenerator() {
yield 'hello';
yield 'world';
return 'ending';
}
var hw = helloWorldGenerator();
// 代碼定義了一個(gè) Generator 函數(shù)helloWorldGenerator倍阐，它內(nèi)部有兩個(gè)yield表達(dá)式（hello和world）概疆，即該函數(shù)有三個(gè)狀態(tài)：hello，world 和 return 語句（結(jié)束執(zhí)行）
Generator 函數(shù)的調(diào)用方法與普通函數(shù)一樣收捣，也是在函數(shù)名后面加上一對(duì)圓括號(hào)届案。不同的是，調(diào)用 Generator 函數(shù)后罢艾，該函數(shù)并不執(zhí)行，返回的也不是函數(shù)運(yùn)行結(jié)果尽纽，而是一個(gè)指向內(nèi)部狀態(tài)的指針對(duì)象
下一步咐蚯，必須調(diào)用遍歷器對(duì)象的next方法，使得指針移向下一個(gè)狀態(tài)弄贿。也就是說春锋，每次調(diào)用next方法，內(nèi)部指針就從函數(shù)頭部或上一次停下來的地方開始執(zhí)行差凹，直到遇到下一個(gè)yield表達(dá)式（或return語句）為止期奔。換言之，Generator 函數(shù)是分段執(zhí)行的危尿，yield表達(dá)式是暫停執(zhí)行的標(biāo)記呐萌，而next方法可以恢復(fù)執(zhí)行。
hw.next()
// { value: 'hello', done: false }
hw.next()
// { value: 'world', done: false }
hw.next()
// { value: 'ending', done: true }
hw.next()
// { value: undefined, done: true }
- 第一次調(diào)用谊娇，Generator 函數(shù)開始執(zhí)行肺孤，直到遇到第一個(gè)yield表達(dá)式為止。next方法返回一個(gè)對(duì)象济欢，它的value屬性就是當(dāng)前yield表達(dá)式的值hello赠堵，done屬性的值false，表示遍歷還沒有結(jié)束法褥。
- 第二次調(diào)用茫叭，Generator 函數(shù)從上次yield表達(dá)式停下的地方，一直執(zhí)行到下一個(gè)yield表達(dá)式半等。next方法返回的對(duì)象的value屬性就是當(dāng)前yield表達(dá)式的值world揍愁，done屬性的值false，表示遍歷還沒有結(jié)束酱鸭。
- 第三次調(diào)用吗垮，Generator 函數(shù)從上次yield表達(dá)式停下的地方，一直執(zhí)行到return語句（如果沒有return語句凹髓，就執(zhí)行到函數(shù)結(jié)束）烁登。next方法返回的對(duì)象的value屬性，就是緊跟在return語句后面的表達(dá)式的值（如果沒有return語句，則value屬性的值為undefined）饵沧，done屬性的值true锨络，表示遍歷已經(jīng)結(jié)束。
- 第四次調(diào)用狼牺，此時(shí) Generator 函數(shù)已經(jīng)運(yùn)行完畢羡儿，next方法返回對(duì)象的value屬性為undefined，done屬性為true是钥。以后再調(diào)用next方法掠归，返回的都是這個(gè)值。
注：本文內(nèi)容整理自阮一峰《ECMAScript6 入門》一書悄泥，如有侵權(quán)請(qǐng)聯(lián)系刪除虏冻。
