這篇文章主要介紹了JavaScript中Generator函數(shù)怎么用，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括杭錦后網(wǎng)站建設(shè)、杭錦后網(wǎng)站制作、杭錦后網(wǎng)頁(yè)制作以及杭錦后網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，杭錦后網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到杭錦后省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

語(yǔ)法上

首先可以把它理解成，Generator 函數(shù)是一個(gè)狀態(tài)機(jī)，封裝了多個(gè)內(nèi)部狀態(tài)。執(zhí)行 Generator 函數(shù)會(huì)返回一個(gè)遍歷器對(duì)象，也就是說(shuō)，Generator 函數(shù)除了狀態(tài)機(jī)，還是一個(gè)遍歷器對(duì)象生成函數(shù)。返回的遍歷器對(duì)象，可以依次遍歷 Generator 函數(shù)內(nèi)部的每一個(gè)狀態(tài)。

形式上

Generator 函數(shù)是一個(gè)普通函數(shù)，但是有兩個(gè)特征。

一是，function關(guān)鍵字與函數(shù)名之間有一個(gè)星號(hào)；
二是，函數(shù)體內(nèi)部使用yield表達(dá)式，定義不同的內(nèi)部狀態(tài)（yield在英語(yǔ)里的意思就是“產(chǎn)出”）。

調(diào)用上

Generator 函數(shù)的調(diào)用方法與普通函數(shù)一樣，也是在函數(shù)名后面加上一對(duì)圓括號(hào)。不同的是，調(diào)用 Generator 函數(shù)后，該函數(shù)并不執(zhí)行，返回的也不是函數(shù)運(yùn)行結(jié)果，而是一個(gè)指向內(nèi)部狀態(tài)的指針對(duì)象，也就是上一章介紹的遍歷器對(duì)象（Iterator Object）。我們必須調(diào)用遍歷器對(duì)象的next方法，使得指針移向下一個(gè)狀態(tài)。也就是說(shuō)，每次調(diào)用next方法，內(nèi)部指針就從函數(shù)頭部或上一次停下來(lái)的地方開始執(zhí)行，直到遇到下一個(gè)yield表達(dá)式（或return語(yǔ)句）為止。換言之，Generator 函數(shù)是分段執(zhí)行的，yield表達(dá)式是暫停執(zhí)行的標(biāo)記，而next方法可以恢復(fù)執(zhí)行

function* helloWorldGenerator() {
  yield 'hello';
  yield 'world';
  return 'ending';
}

var hw = helloWorldGenerator();
hw.next()
// { value: 'hello', done: false }

hw.next()
// { value: 'world', done: false }

hw.next()
// { value: 'ending', done: true }

hw.next()
// { value: undefined, done: true }

調(diào)用 Generator 函數(shù)，返回一個(gè)遍歷器對(duì)象，代表 Generator 函數(shù)的內(nèi)部指針。以后，每次調(diào)用遍歷器對(duì)象的next方法，就會(huì)返回一個(gè)有著value和done兩個(gè)屬性的對(duì)象。value屬性表示當(dāng)前的內(nèi)部狀態(tài)的值，是yield表達(dá)式后面那個(gè)表達(dá)式的值；done屬性是一個(gè)布爾值，表示是否遍歷結(jié)束。

yield表達(dá)式

yield表達(dá)式與return語(yǔ)句既有相似之處，也有區(qū)別。相似之處在于，都能返回緊跟在語(yǔ)句后面的那個(gè)表達(dá)式的值。區(qū)別在于每次遇到y(tǒng)ield，函數(shù)暫停執(zhí)行，下一次再?gòu)脑撐恢美^續(xù)向后執(zhí)行，而return語(yǔ)句不具備位置記憶的功能。一個(gè)函數(shù)里面，只能執(zhí)行一次（或者說(shuō)一個(gè)）return語(yǔ)句，但是可以執(zhí)行多次（或者說(shuō)多個(gè)）yield表達(dá)式。正常函數(shù)只能返回一個(gè)值，因?yàn)橹荒軋?zhí)行一次return；Generator 函數(shù)可以返回一系列的值，因?yàn)榭梢杂腥我舛鄠€(gè)yield。從另一個(gè)角度看，也可以說(shuō) Generator 生成了一系列的值，這也就是它的名稱的來(lái)歷（英語(yǔ)中，generator 這個(gè)詞是“生成器”的意思）。

語(yǔ)法注意點(diǎn)：

1、yield表達(dá)式只能用在 Generator 函數(shù)里面

2、yield表達(dá)式如果用在另一個(gè)表達(dá)式之中，必須放在圓括號(hào)里面

3、yield表達(dá)式用作函數(shù)參數(shù)或放在賦值表達(dá)式的右邊，可以不加括號(hào)。
例如：

function* demo() {
  foo(yield 'a', yield 'b'); // OK
  let input = yield; // OK
}

next 方法的參數(shù)

yield表達(dá)式本身沒有返回值(就是說(shuō)let a=yield ;會(huì)返回undefined)，或者說(shuō)總是返回undefined。next方法可以帶一個(gè)參數(shù)，該參數(shù)就會(huì)被當(dāng)作上一個(gè)yield表達(dá)式的返回值  （注意，是表達(dá)式的返回值，例如 let a=yield..........  參數(shù)會(huì)是a 的值并且會(huì)覆蓋表達(dá)式之前的值）。

function* f() {
  for(var i = 0; true; i++) {
    var reset = yield i;
    console.log(reset);
    if(reset) { i = -1; }
  }
}

var g = f();

g.next()

由于next方法的參數(shù)表示上一個(gè)yield表達(dá)式的返回值，所以在第一次使用next方法時(shí)，傳遞參數(shù)是無(wú)效的。V8 引擎直接忽略第一次使用next方法時(shí)的參數(shù)，只有從第二次使用next方法開始，參數(shù)才是有效的。從語(yǔ)義上講，第一個(gè)next方法用來(lái)啟動(dòng)遍歷器對(duì)象，所以不用帶有參數(shù)。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享JavaScript中Generator函數(shù)怎么用內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前題目：JavaScript中Generator函數(shù)怎么用-創(chuàng)新互聯(lián)
瀏覽路徑：http://weahome.cn/article/dcisie.html