在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 一個簡單的es6的generator函數(shù)問題

一個簡單的es6的generator函數(shù)問題

function* g() {

var o =yield 1;    
return o;

}
var gen = g();
console.log(gen.next());
console.log(gen.next());
這段代碼執(zhí)行的時候為什么第二次返回的value是undefined,變量o的值為什么沒返回?

回答
編輯回答
離殤

yield 1 返回的是你 gen.next(X) 中的 X

https://developer.mozilla.org...

因為你 gen.next() 沒有傳值,則值為 undefined.

function* g() {

var o =yield 1;    
return o;
}
var gen = g();
console.log(gen.next());
console.log(gen.next(123));

會輸出 123

2018年3月26日 15:35
編輯回答
澐染

簡潔點,正面回答問題!
yield前面所賦予變量的值 = 遍歷下一次傳入next的參數(shù)

2017年6月16日 19:27
編輯回答
女流氓

瞅瞅吧,我是記得這個沒什么人用的 http://es6.ruanyifeng.com/#do...

2018年1月24日 12:02
編輯回答
眼雜

這是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
}

當你調(diào)用一個generator函數(shù)的時候,你會獲得一個iterator對象。

var gen = genFunc()

這個對象有一個方法叫做 next()。每當你調(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)對應 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我們可以用同步的邏輯來表達異步的流程,而不需要嵌套回調(diào)。我們只需要對創(chuàng)建iterator對象、調(diào)用next()以及外部函數(shù)做一些適當?shù)姆庋b和修改,就可以獲得無回調(diào)的異步流程控制。

這個理念由TJ大神(同時也是 Koa 的作者)在 co 這個庫里實現(xiàn)了,而 Koa 本身也是基于 co 來封裝中間件函數(shù)(每一個中間件函數(shù)都是generator)。co 的實現(xiàn)其實不過300行代碼,但是包含了很精髓的一些東西,值得細看。

**注:以下代碼示例均需要 node.js v0.11.7+ 帶 --harmony 參數(shù)才能運行。**
2018年5月31日 08:59