成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ES6語法之Generator

Vultr / 559人閱讀

摘要：不同的是，調(diào)用函數(shù)后，該函數(shù)并不執(zhí)行，返回的也不是函數(shù)運(yùn)行結(jié)果，而是一個(gè)指向內(nèi)部狀態(tài)的指針對(duì)象，也就是上一章介紹的遍歷器對(duì)象。下一步，必須調(diào)用遍歷器對(duì)象的方法，使得指針移向下一個(gè)狀態(tài)。

Generator 函數(shù)

每當(dāng)函數(shù)被調(diào)用時(shí)，JavaScript 引擎就會(huì)在函數(shù)頂部啟動(dòng)，并運(yùn)行每行代碼，直到到達(dá)底部。無法中途停止運(yùn)行代碼，并稍后重新開始。一直都是這種“運(yùn)行到結(jié)束”的工作方式.

如果我們希望能夠中途暫停運(yùn)行函數(shù)，則需要使用 ES6 中新提供的一種函數(shù)，叫做 generator（生成器）函數(shù)！我們來看一個(gè)示例：

function* getEmployee() {
    console.log("the function has started");

    const names = ["Amanda", "Diego", "Farrin", "James"];

    for (const name of names) {
        yield name;
    }

    console.log("the function has ended");
}

注意到 function 關(guān)鍵字后面的星號(hào)（即 *）了嗎？星號(hào)表示該函數(shù)實(shí)際上是生成器！

關(guān)鍵字 yield 是 ES6 中新出現(xiàn)的關(guān)鍵字。只能用在生成器函數(shù)中。yield 會(huì)導(dǎo)致生成器暫停下來。函數(shù)體內(nèi)部使用yield表達(dá)式，定義不同的內(nèi)部狀態(tài)（yield在英語里的意思就是“產(chǎn)出”）。

現(xiàn)在看看當(dāng)我們嘗試運(yùn)行該函數(shù)時(shí)，會(huì)發(fā)生什么：

getEmployee();

// this is the response I get in Chrome:
getEmployee {[[GeneratorStatus]]: "suspended", [[GeneratorReceiver]]: Window}

結(jié)果是控制臺(tái)中沒有輸出我們所期待的，怎么回事呢？

事實(shí)上，生成器被調(diào)用時(shí)，它不會(huì)運(yùn)行函數(shù)中的任何代碼，而是創(chuàng)建和返回迭代器。該迭代器可以用來運(yùn)行實(shí)際生成器的內(nèi)部代碼。

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)。也就是說，每次調(diào)用next方法，內(nèi)部指針就從函數(shù)頭部或上一次停下來的地方開始執(zhí)行，直到遇到下一個(gè)yield表達(dá)式（或return語句）為止。換言之，Generator 函數(shù)是分段執(zhí)行的，yield表達(dá)式是暫停執(zhí)行的標(biāo)記，而next方法可以恢復(fù)執(zhí)行。

const generatorIterator = getEmployee();
 generatorIterator.next();
 //{value: "Amanda", done: false}
 
 generatorIterator.next();
 //{value: "Diego", done: false}
 
 generatorIterator.next();
 //{value: "Farrin", done: false}

 generatorIterator.next();
 //{value: "James", done: false}
 
 generatorIterator.next();
 //{value: "undefined", done: true}

我們可以使用關(guān)鍵字 yield 從生成器中獲取數(shù)據(jù)。我們還可以將數(shù)據(jù)發(fā)送回生成器中。方式是使用 .next() 方法：

yield表達(dá)式本身沒有返回值，或者說總是返回undefined。next方法可以帶一個(gè)參數(shù)，該參數(shù)就會(huì)被當(dāng)作上一個(gè)yield表達(dá)式的返回值。

 function* createSundae() {
    const toppings = [];

    toppings.push(yield);
    toppings.push(yield);
    toppings.push(yield);

    return toppings;
}
var it = createSundae();
it.next("hot fudge");
it.next("sprinkles");
it.next("whipped cream");
it.next().value();
// ["sprinkles","whipped cream",undefined]

使用數(shù)據(jù)調(diào)用 it.next("hot fudge");會(huì)將該數(shù)據(jù)發(fā)送到生成器函數(shù)中上次離開的地方。它會(huì)將 yield 關(guān)鍵字替換為你提供的數(shù)據(jù)。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92823.html

相關(guān)文章

  • ES6&ES7中的異步之Generator的語法

    摘要：第二次同理，遇到了第二個(gè)函數(shù)會(huì)停下來，輸出的遍歷器對(duì)象值為，的值依然是。比如返回的遍歷器對(duì)象，都會(huì)有一個(gè)方法，這個(gè)方法掛在原型上。這三個(gè)函數(shù)共同的作用是讓函數(shù)恢復(fù)執(zhí)行。 Generator的語法 generator的英文意思是生成器 簡介 關(guān)于Generator函數(shù)，我們可以理解成是一個(gè)狀態(tài)機(jī)，里面封裝了多種不同的狀態(tài)。 function* gener(){ yield hel...

    djfml 評(píng)論0 收藏0

  • ES6 之 Iterator&Generator

    摘要：可迭代對(duì)象就具有屬性，它是一種與迭代器密切相關(guān)的對(duì)象。它通過指定的函數(shù)可以返回一個(gè)作用于附屬對(duì)象的迭代器。迭代器特點(diǎn)每次調(diào)用方法時(shí)，返回一個(gè)數(shù)組，數(shù)組中兩個(gè)元素，分別表示鍵和值。示例之輸出輸出輸出之迭代器特點(diǎn)返回集合中存在的每一個(gè)鍵。 Iterator由來 不推薦Iterator方法。 Iterator 函數(shù)是一個(gè) SpiderMonkey 專有特性，并且會(huì)在某一時(shí)刻被刪除。有一點(diǎn)，需...

    xietao3 評(píng)論0 收藏0

  • ES6 系列之我們來聊聊 Async

    摘要：標(biāo)準(zhǔn)引入了函數(shù)，使得異步操作變得更加方便。在異步處理上，函數(shù)就是函數(shù)的語法糖。在實(shí)際項(xiàng)目中，錯(cuò)誤處理邏輯可能會(huì)很復(fù)雜，這會(huì)導(dǎo)致冗余的代碼。的出現(xiàn)使得就可以捕獲同步和異步的錯(cuò)誤。如果有錯(cuò)誤或者不嚴(yán)謹(jǐn)?shù)牡胤?，?qǐng)務(wù)必給予指正，十分感謝。 async ES2017 標(biāo)準(zhǔn)引入了 async 函數(shù)，使得異步操作變得更加方便。 在異步處理上，async 函數(shù)就是 Generator 函數(shù)的語法糖。 ...

    Songlcy 評(píng)論0 收藏0

  • 探索Javascript 異步編程

    摘要：因?yàn)闉g覽器環(huán)境里是單線程的，所以異步編程在前端領(lǐng)域尤為重要。除此之外，它還有兩個(gè)特性，使它可以作為異步編程的完整解決方案函數(shù)體內(nèi)外的數(shù)據(jù)交換和錯(cuò)誤處理機(jī)制。 showImg(https://segmentfault.com/img/bVz9Cy); 在我們?nèi)粘＞幋a中，需要異步的場景很多，比如讀取文件內(nèi)容、獲取遠(yuǎn)程數(shù)據(jù)、發(fā)送數(shù)據(jù)到服務(wù)端等。因?yàn)闉g覽器環(huán)境里Javascript是單線程的，...

    Salamander 評(píng)論0 收藏0

  • 使用JavaScript ES6的新特性計(jì)算Fibonacci（非波拉契數(shù)列）

    摘要：采用的生成非波拉契數(shù)列提供了原生的支持，語法非常有特色，關(guān)鍵字后面緊跟一個(gè)星號(hào)。的詳細(xì)介紹參考官網(wǎng)先看如何用這個(gè)黑科技重新實(shí)現(xiàn)非波拉契樹立的生成。在這個(gè)內(nèi)部，我們定義了一個(gè)無限循環(huán)，用于計(jì)算非波拉契數(shù)列。 程序員面試系列 Java面試系列-webapp文件夾和WebContent文件夾的區(qū)別？ 程序員面試系列：Spring MVC能響應(yīng)HTTP請(qǐng)求的原因？ Java程序員面試系列-什么...

    yanbingyun1990 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<