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
- 如果你看到某個函數(shù)中有yield,說明這個函數(shù)已經(jīng)是個生成器了
- yield可以用來加強控制,懶漢式加載
- 調(diào)用函數(shù)指針和調(diào)用生成器是兩碼事,注意上面的運行結(jié)果,countAppleSales和myArr。
- 需要next()函數(shù)配合使用,每次調(diào)用返回兩個值:分別是value和done,代表迭代結(jié)果和是否完成
- 函數(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ù)項
一些說明
- yield并不能直接生產(chǎn)值,而是產(chǎn)生一個等待輸出的函數(shù)
- 除IE外,其他所有瀏覽器均可兼容(包括win10 的Edge)
- 某個函數(shù)包含了yield,意味著這個函數(shù)已經(jīng)是一個Generator
- 如果yield在其他表達式中,需要用()單獨括起來
- yield表達式本身沒有返回值,或者說總是返回undefined(由next返回)
- next()可無限調(diào)用,但既定循環(huán)完成之后總是返回undeinded
next()函數(shù)及參數(shù)
在js中,雖然借鑒了python的函數(shù),但是也進行了自己的改造,由于沒有send()函數(shù),所以無法直接傳遞yield的值。
next()可以帶一個參數(shù),該參數(shù)會被認為是上一個yield整體的返回值,稍后將在代碼中展示。
在某種程度上,next()可以直接當做send()使用
它的意義在于,可以在不同階段從外部直接向內(nèi)部注入不同的值來調(diào)整函數(shù)的行為(這一點是其他循環(huán)很難做到的,或要付出較大的代價才可以做到)
yield參數(shù)的對比
js
python
- 對js中g(shù)enerator函數(shù)進行改造,對比右邊的python中的yield,它們原理一樣,只是調(diào)用方式不同
- 調(diào)用next(),會產(chǎn)生許多i的值, 但是不會影響reset,因為yield直接將值return出來了。
- 當傳值true后,yield及他的參數(shù)整體變?yōu)閠rue賦值給reset,這是reset會被執(zhí)行,從而滿足循環(huán)內(nèi)的判斷條件
- 這里的使用 next(參數(shù)) 已經(jīng)達到了send(參數(shù))的效果
- 這并不會平白增加循環(huán)的時間復(fù)雜度,因為不傳參的時候,并不會占用更多的內(nèi)存
更深層次的理解yield
如果剛才沒有讓你有一個清晰的認識,那么這個例子一定會讓你徹底明白的
傳參
分析
next() 傳參是對yield整體的傳參,否則yield類似于return
A組
- x恒為5,所以第一次調(diào)用傳空沒問題,可得到對應(yīng)的第一個yield返回值:yield (x + 1)
- 第二次調(diào)用,無參數(shù)傳入,所以y為NaN(2* undefined),自然得不到z
- 第三次調(diào)用同上分析
B組
- x恒為5,所以第一次調(diào)用傳空沒問題,可得到對應(yīng)的第一個yield返回值:yield (x + 1)
- 第二次調(diào)用,傳入12,所以y為24(yield (x + 1)=入?yún)?,得到第二個yield: yield (y / 3)=8
- 第三次調(diào)用同上分析,得到最后的z值并return=42
目前項目中的可用性
在前端項目中,用的機會很少,完全可以忽略他的存在,但是在后臺項目中,就顯得比較重要了,因為其優(yōu)越的可控性,可是極大的提升線程的效率。
目前只是根據(jù)官網(wǎng),ES6規(guī)范,大站等總結(jié)出來的,但是很遺憾,目前我們的項目中由于node項目較簡單,并不需要進行實際改造。
如果需要實例的話,可參考github上的一些python后端項目,調(diào)用方式稍有不同,由于js參考的python語言,他們又同為動態(tài)語言,所以原理都是相同的,用處也一樣。