# 深入理解js中的yield

yield是什么

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

image

image

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

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

在js中，雖然借鑒了python的函數(shù)忆肾，但是也進(jìn)行了自己的改造荸频，由于沒有send()函數(shù)，所以無法直接傳遞yield的值客冈。
next()可以帶一個參數(shù)旭从，該參數(shù)會被認(rèn)為是上一個yield整體的返回值，稍后將在代碼中展示。
在某種程度上和悦，next()可以直接當(dāng)做send()使用

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

image

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

如果剛才沒有讓你有一個清晰的認(rèn)識刹帕，那么這個例子一定會讓你徹底明白的

image

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

在前端項目中袄友，用的機(jī)會很少殿托，完全可以忽略他的存在，但是在后臺項目中剧蚣，就顯得比較重要了支竹，因為其優(yōu)越的可控性，可是極大的提升線程的效率鸠按。

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

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

</article>