TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊
這是ES6的新feature，function 后面帶 * 的叫做generator。
在generator內(nèi)部你可以使用 yield 語句：
function* genFunc () {
console.log('step 1')
yield 1
console.log('step 2')
yield 2
console.log('step 3')
return 3
}
當(dāng)你調(diào)用一個(gè)generator函數(shù)的時(shí)候，你會(huì)獲得一個(gè)iterator對(duì)象。
var gen = genFunc()
這個(gè)對(duì)象有一個(gè)方法叫做 next()。每當(dāng)你調(diào)用 next() 的時(shí)候，generator函數(shù)內(nèi)部就會(huì)執(zhí)行直到遇到下一個(gè) yield 語句，然后暫停在那里，并返回一個(gè)對(duì)象。這個(gè)對(duì)象含有被 yield 的值和generator函數(shù)的運(yùn)行狀態(tài)。
var ret = gen.next() // 輸出: 'step 1'
console.log(ret.value) // 1
console.log(ret.done) // false
可以看到，只輸出了 'step 1'。這意味著直到你運(yùn)行下一次 next() 之前，generator內(nèi)部的狀態(tài)處于暫停之中，但是卻不影響generator外部的代碼繼續(xù)運(yùn)行。
ret = gen.next() // 輸出 'step 2'
console.log(ret.value) // 2
console.log(ret.done) // false
直到generator函數(shù)內(nèi)部不再有 yield 語句存在了，這時(shí)你再調(diào)用 next()，獲得的就會(huì)是該函數(shù)的常規(guī)返回值 (return 的值)：
ret = gen.next() // 輸出 'step 3'
console.log(ret.value) // 3
console.log(ret.done) // true
同時(shí)，iterator對(duì)象的 next() 方法是可以傳遞一個(gè)參數(shù)的。這個(gè)參數(shù)將會(huì)成為generator函數(shù)內(nèi)對(duì)應(yīng) yield 語句的返回值：
function* genFunc () {
var result = yield 1
console.log(result)
}
var gen = genFunc()
gen.next() // 此時(shí)generator內(nèi)部執(zhí)行到 yield 1 并暫停，但還未對(duì)result賦值！
// 即使異步也可以！
setTimeout(function () {
gen.next(123) // 給result賦值并繼續(xù)執(zhí)行，輸出: 123
}, 1000)
雖然本意是用來提供一個(gè)可循環(huán)對(duì)象，但可以看到，generator函數(shù)可以借助 yield 在需要的時(shí)候才繼續(xù)執(zhí)行剩余的語句，并且傳遞回一個(gè)值。這讓你想到了什么？沒錯(cuò)，回調(diào)函數(shù)！更關(guān)鍵的是，借助generator我們可以用同步的邏輯來表達(dá)異步的流程，而不需要嵌套回調(diào)。我們只需要對(duì)創(chuàng)建iterator對(duì)象、調(diào)用next()以及外部函數(shù)做一些適當(dāng)?shù)姆庋b和修改，就可以獲得無回調(diào)的異步流程控制。
這個(gè)理念由TJ大神（同時(shí)也是 Koa 的作者）在 co 這個(gè)庫里實(shí)現(xiàn)了，而 Koa 本身也是基于 co 來封裝中間件函數(shù)（每一個(gè)中間件函數(shù)都是generator）。co 的實(shí)現(xiàn)其實(shí)不過300行代碼，但是包含了很精髓的一些東西，值得細(xì)看。
**注：以下代碼示例均需要 node.js v0.11.7+ 帶 --harmony 參數(shù)才能運(yùn)行。**
舉報(bào)