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