Generator生成器函數(shù)-粗略版

1.含義

??Generator 和普通函數(shù)不同,可以將它看成是封裝了很多狀態(tài)的函數(shù)月趟,每執(zhí)行一次該函數(shù)槐瑞,就會返回一個(gè)遍歷器對象,該遍歷對象可以遍歷Generator函數(shù)中的每一個(gè)狀態(tài)颊埃。

2.特征

① 命名:在函數(shù)名前面加個(gè)星號
② 定義狀態(tài)
??使用yield表達(dá)式,每一個(gè)yield定義的表達(dá)式就是Generator函數(shù)的一個(gè)狀態(tài)
③ 執(zhí)行
??通過普通函數(shù)調(diào)用的形式調(diào)用Generator函數(shù)蝶俱,并不會執(zhí)行,而是返回一個(gè)生成器對象實(shí)例饥漫,只有調(diào)用了實(shí)例中的next()方法才會執(zhí)行內(nèi)部的代碼
④ 返回結(jié)果
??并不是一個(gè)具體的數(shù)據(jù)榨呆,而是一個(gè)執(zhí)行內(nèi)部狀態(tài)的指針對象

function* helloWorldGenerator() {
  yield 'hello';
  yield 'world';
  return 'ending';
}

var hw = helloWorldGenerator();
hw.next();    //{value:'hello',done:'false'}
hw.next();    //{value:'world',done:'false'}
hw.next();    //{value:'ending',done:'false'}
hw.next();    //{value:'undefined',done:'ture'} 

??上述代碼中,共有三個(gè)狀態(tài) 'hello'庸队、'world'积蜻、'ending'闯割。 通過函數(shù)調(diào)用的形式將helloWorldGenerator的一個(gè)生成器對象實(shí)例賦值到 hw中。然后通過hw實(shí)例的next方法執(zhí)行函數(shù)內(nèi)的代碼竿拆,具體的執(zhí)行步驟如下:
??第一次調(diào)用next方法宙拉,遍歷對象的指針從函數(shù)頭部往下移動,開始執(zhí)行函數(shù)內(nèi)的代碼丙笋,遇到第一個(gè)yield谢澈,暫停函數(shù)的執(zhí)行,此時(shí)next()方法返回一個(gè)對象: {value:'hello',done:'false'}御板。value的值就是yield表達(dá)式的值锥忿,done的值為false,表示函數(shù)并沒有執(zhí)行完畢怠肋;
??第二次調(diào)用next方法敬鬓,遍歷對象的指針從第一個(gè)yield表達(dá)式的地方開始往下移動,直到遇到第二個(gè)yield笙各,停止函數(shù)的執(zhí)行钉答,同樣,此時(shí)next方法也返回一個(gè)對象:{value:'world',done:'false'};
??第三次調(diào)用next方法杈抢,遍歷對象的指針從第二個(gè)yield表達(dá)式的大方開始往下移動数尿,直到遇到return關(guān)鍵字,終止函數(shù)的執(zhí)行春感,此時(shí)next方法也返回一個(gè)對象: {value:'ending',done:'true'}砌创;
??第四次調(diào)用next方法,遍歷對象的指針在第三步已經(jīng)指向了該函數(shù)的結(jié)尾鲫懒,表示函數(shù)已經(jīng)執(zhí)行完畢嫩实,此時(shí)的next方法也返回一個(gè)對象:{value:'undefined',done:'true'}.不管后面調(diào)用多少次的next方法,只要遇到了return關(guān)鍵字或者已經(jīng)執(zhí)行到函數(shù)的末尾窥岩,value值就為undefined甲献,done值都為true。

3.yield

??Generator函數(shù)相當(dāng)于是分段執(zhí)行的颂翼,而yield相當(dāng)于一個(gè)暫停標(biāo)記晃洒,只要遇到一個(gè)yield表達(dá)式,函數(shù)就會暫停執(zhí)行朦乏,直到調(diào)用了next方法球及,當(dāng)調(diào)用了next()方法,yield后面的表達(dá)式才會被執(zhí)行呻疹。

function* gen() {
  yield  123 + 456;
}

??上述代碼中吃引,123 + 456 不會立即求值,直到調(diào)用了next()方法才會求值。
??另外镊尺,yield表達(dá)式如果用在另一個(gè)表達(dá)式之中朦佩,必須放在圓括號里面。

function* gen() {
    consoloe.log('hello' + yield world) //Error
    consoloe.log('hello' + (yield world)) //right
}

??yield表達(dá)式用作函數(shù)參數(shù)或放在賦值表達(dá)式的右邊庐氮,可以不加括號语稠。

function* gen(a) {
    gen(yield 1);
    let b = yield 4;
}

4.next 執(zhí)行邏輯

??首先明確,執(zhí)行完next()方法就不返回一個(gè)對象: {value:'',done:''}弄砍。value的值就是yield或者return 后面的值仙畦,done的值為Boolean,表示該函數(shù)是否遍歷完畢输枯,具體的執(zhí)行邏輯如下:
??① 首次調(diào)用next()方法议泵,遍歷對象的指針就從函數(shù)頭部往下偏移,開始執(zhí)行函數(shù)內(nèi)部的代碼桃熄,直到遇到第一個(gè)yield表達(dá)式就停止函數(shù)的執(zhí)行先口,并返回一個(gè)獨(dú)對象;
??② 當(dāng)?shù)诙握{(diào)用next()方法時(shí)瞳收,遍歷對象的指針就從第一個(gè)yield表達(dá)式的位置往下偏移碉京,執(zhí)行函數(shù)內(nèi)的代碼, 直到遇到下一個(gè)yield表達(dá)式螟深;
??③ 如果沒有新的yield表達(dá)式谐宙,就一直運(yùn)行到函數(shù)結(jié)束,直到遇到return語句就終止函數(shù)的進(jìn)行界弧,并將return關(guān)鍵字后面的值做為value值凡蜻;
??④ 如果該函數(shù)沒有return語句,就將value置為undefined垢箕。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末划栓,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子条获,更是在濱河造成了極大的恐慌忠荞,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帅掘,死亡現(xiàn)場離奇詭異委煤,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)修档,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進(jìn)店門碧绞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人吱窝,你說我怎么就攤上這事头遭≡⒚猓” “怎么了?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵计维,是天一觀的道長。 經(jīng)常有香客問我撕予,道長鲫惶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任实抡,我火速辦了婚禮欠母,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘吆寨。我一直安慰自己赏淌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布啄清。 她就那樣靜靜地躺著六水,像睡著了一般。 火紅的嫁衣襯著肌膚如雪辣卒。 梳的紋絲不亂的頭發(fā)上掷贾,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天,我揣著相機(jī)與錄音荣茫,去河邊找鬼想帅。 笑死,一個(gè)胖子當(dāng)著我的面吹牛啡莉,可吹牛的內(nèi)容都是我干的港准。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼咧欣,長吁一口氣:“原來是場噩夢啊……” “哼浅缸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起该押,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤疗杉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后蚕礼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體烟具,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年奠蹬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了朝聋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡囤躁,死狀恐怖冀痕,靈堂內(nèi)的尸體忽然破棺而出荔睹,到底是詐尸還是另有隱情,我是刑警寧澤言蛇,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布僻他,位于F島的核電站,受9級特大地震影響腊尚,放射性物質(zhì)發(fā)生泄漏吨拗。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一婿斥、第九天 我趴在偏房一處隱蔽的房頂上張望劝篷。 院中可真熱鬧,春花似錦民宿、人聲如沸娇妓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽哈恰。三九已至,卻和暖如春华望,著一層夾襖步出監(jiān)牢的瞬間蕊蝗,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工赖舟, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蓬戚,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓宾抓,卻偏偏與公主長得像子漩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子石洗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評論 2 345