深入理解js中的yield

yield是什么

  • yield是ES6的新關(guān)鍵字,使生成器函數(shù)執(zhí)行暫停,yield關(guān)鍵字后面的表達式的值返回給生成器的調(diào)用者。它可以被認為是一個基于生成器的版本的return關(guān)鍵字。
  • yield關(guān)鍵字實際返回一個IteratorResult(迭代器)對象,它有兩個屬性,value和done,分別代表返回值和是否完成。
  • yield無法單獨工作,需要配合generator(生成器)的其他函數(shù),如next,懶漢式操作,展現(xiàn)強大的主動控制特性。

yield應(yīng)用的簡單例子

demo1
  1. 如果你看到某個函數(shù)中有yield,說明這個函數(shù)已經(jīng)是個生成器了
  2. yield可以用來加強控制,懶漢式加載
  3. 調(diào)用函數(shù)指針和調(diào)用生成器是兩碼事,注意上面的運行結(jié)果,countAppleSales和myArr。
  4. 需要next()函數(shù)配合使用,每次調(diào)用返回兩個值:分別是value和done,代表迭代結(jié)果和是否完成
  5. 函數(shù)next()是個迭代器對象,傳參可以缺省,默認調(diào)用函數(shù)。

錯誤的調(diào)用

demo2

上述錯誤的調(diào)用中,會的到如下結(jié)果
{ value: 7, done: false }
{ value: undefined, done: true }

因為在while判斷中的next也會進行消耗,導(dǎo)致輸出結(jié)果與預(yù)期不符,得到的只是符合條件的偶數(shù)項

一些說明

  1. yield并不能直接生產(chǎn)值,而是產(chǎn)生一個等待輸出的函數(shù)
  2. 除IE外,其他所有瀏覽器均可兼容(包括win10 的Edge)
  3. 某個函數(shù)包含了yield,意味著這個函數(shù)已經(jīng)是一個Generator
  4. 如果yield在其他表達式中,需要用()單獨括起來
  5. yield表達式本身沒有返回值,或者說總是返回undefined(由next返回)
  6. next()可無限調(diào)用,但既定循環(huán)完成之后總是返回undeinded

next()函數(shù)及參數(shù)

  1. 在js中,雖然借鑒了python的函數(shù),但是也進行了自己的改造,由于沒有send()函數(shù),所以無法直接傳遞yield的值。

  2. next()可以帶一個參數(shù),該參數(shù)會被認為是上一個yield整體的返回值,稍后將在代碼中展示。

  3. 在某種程度上,next()可以直接當做send()使用

它的意義在于,可以在不同階段從外部直接向內(nèi)部注入不同的值來調(diào)整函數(shù)的行為(這一點是其他循環(huán)很難做到的,或要付出較大的代價才可以做到)

yield參數(shù)的對比

js

python
  1. 對js中g(shù)enerator函數(shù)進行改造,對比右邊的python中的yield,它們原理一樣,只是調(diào)用方式不同
  2. 調(diào)用next(),會產(chǎn)生許多i的值, 但是不會影響reset,因為yield直接將值return出來了。
  3. 當傳值true后,yield及他的參數(shù)整體變?yōu)閠rue賦值給reset,這是reset會被執(zhí)行,從而滿足循環(huán)內(nèi)的判斷條件
  4. 這里的使用 next(參數(shù)) 已經(jīng)達到了send(參數(shù))的效果
  5. 這并不會平白增加循環(huán)的時間復(fù)雜度,因為不傳參的時候,并不會占用更多的內(nèi)存

更深層次的理解yield

如果剛才沒有讓你有一個清晰的認識,那么這個例子一定會讓你徹底明白的

傳參

分析

next() 傳參是對yield整體的傳參,否則yield類似于return

A組

  1. x恒為5,所以第一次調(diào)用傳空沒問題,可得到對應(yīng)的第一個yield返回值:yield (x + 1)
  2. 第二次調(diào)用,無參數(shù)傳入,所以y為NaN(2* undefined),自然得不到z
  3. 第三次調(diào)用同上分析

B組

  1. x恒為5,所以第一次調(diào)用傳空沒問題,可得到對應(yīng)的第一個yield返回值:yield (x + 1)
  2. 第二次調(diào)用,傳入12,所以y為24(yield (x + 1)=入?yún)?,得到第二個yield: yield (y / 3)=8
  3. 第三次調(diào)用同上分析,得到最后的z值并return=42

目前項目中的可用性

在前端項目中,用的機會很少,完全可以忽略他的存在,但是在后臺項目中,就顯得比較重要了,因為其優(yōu)越的可控性,可是極大的提升線程的效率。

目前只是根據(jù)官網(wǎng),ES6規(guī)范,大站等總結(jié)出來的,但是很遺憾,目前我們的項目中由于node項目較簡單,并不需要進行實際改造。

如果需要實例的話,可參考github上的一些python后端項目,調(diào)用方式稍有不同,由于js參考的python語言,他們又同為動態(tài)語言,所以原理都是相同的,用處也一樣。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,363評論 6 532
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,497評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,305評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,962評論 1 311
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,727評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,193評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,257評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,411評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,945評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,777評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,978評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,519評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,216評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,657評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,960評論 2 373

推薦閱讀更多精彩內(nèi)容

  • 你不知道JS:異步 第四章:生成器(Generators) 在第二章,我們明確了采用回調(diào)表示異步流的兩個關(guān)鍵缺點:...
    purple_force閱讀 974評論 0 2
  • 包(lib)、模塊(module) 在Python中,存在包和模塊兩個常見概念。 模塊:編寫Python代碼的py...
    清清子衿木子水心閱讀 3,825評論 0 27
  • 雨露無言相對飲,清魂且做畫中仙。 莊周成蝶圍昨日,杜康轉(zhuǎn)瞬已千年。 青梅坐論天下勢,范蠡扁舟若等閑。 應(yīng)許關(guān)公刮骨...
    光之予閱讀 354評論 0 3
  • 同讀一本書/《原則》第三周作業(yè) 讀書總結(jié) 姓名:張佳妮 微信:weixinjiani413 時間:2018.10....
    乘風破浪的佳妮閱讀 8,057評論 10 26
  • 都市里行走的 欲望的執(zhí)行者 隨風飄散的灰塵 加起來也不夠他們年輕 散了又起,是他們不羈的靈魂 起了又散,是他們注定...
    禾田八文閱讀 375評論 0 3