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

資訊專(zhuān)欄INFORMATION COLUMN

es6基礎(chǔ)0x016：生成器函數(shù)

ghnor / 3050人閱讀

摘要：概述其實(shí)前幾章我都不知道怎么寫(xiě)，因?yàn)樗麄兛偸巧婕暗揭恍┍容^深的東西，比如可迭代對(duì)象生成器迭代器之類(lèi)的東西，等寫(xiě)完這個(gè)系列，再好好整理一下這些東西可能會(huì)好一點(diǎn)，現(xiàn)在整理到哪兒就寫(xiě)到哪兒吧語(yǔ)法使用作為聲明標(biāo)識(shí)符，表示這是一個(gè)生成器函數(shù)是函數(shù)名是

0x000 概述

其實(shí)前幾章我都不知道怎么寫(xiě)，因?yàn)樗麄兛偸巧婕暗揭恍┍容^深的東西，比如可迭代對(duì)象、生成器、迭代器之類(lèi)的東西，等寫(xiě)完這個(gè)系列，再好好整理一下這些東西可能會(huì)好一點(diǎn)，現(xiàn)在整理到哪兒就寫(xiě)到哪兒吧

0x001 語(yǔ)法 
function* name([param[, param[, ... param]]])
{ 
    statements 
}

使用function*作為聲明標(biāo)識(shí)符，表示這是一個(gè)生成器函數(shù)

name是函數(shù)名

param是參數(shù)名，可以255個(gè)

statements是函數(shù)體

0x002 特點(diǎn)

生成器函數(shù)在執(zhí)行的時(shí)候是可以暫停的，需要的時(shí)候再繼續(xù)執(zhí)行

生成器函數(shù)返回的是一個(gè)迭代器對(duì)象，不會(huì)立即執(zhí)行

生成器函數(shù)可以使用return，但是return之后將不可再迭代

0x003 栗子-無(wú)限id增長(zhǎng)器 
function* idMaker(begin=0){
  while(true)
    yield begin++;
}
let maker=idMaker(0)
console.log(maker.next().value) // 0
console.log(maker.next().value) // 1
console.log(maker.next().value) // 2
console.log(maker.next().value) // 3
...

說(shuō)明：
調(diào)用生成器函數(shù)返回的是一個(gè)迭代器，迭代器是一個(gè)滿(mǎn)足迭代器協(xié)議的對(duì)象，簡(jiǎn)單的說(shuō)，迭代器對(duì)象有一定有一個(gè)next函數(shù)，該函數(shù)返回一個(gè)對(duì)象，我們稱(chēng)之為迭代結(jié)果對(duì)象，該對(duì)象包含以下兩個(gè)屬性：

value：本次迭代的結(jié)果

done:布爾值，如果為true，表示無(wú)法再繼續(xù)迭代，如果為false，表示可以繼續(xù)迭代。

調(diào)用next函數(shù)，將會(huì)讓生成器函數(shù)真正的執(zhí)行，一直執(zhí)行，直到遇見(jiàn)yield，并返回迭代結(jié)果對(duì)象

0x004 栗子-有限id增長(zhǎng)器 
function* idMaker(begin=0){
  while(begin<3)
    yield begin++;
}
let maker=idMaker(0)
console.log(maker.next()) // {value: 0, done: false}
console.log(maker.next()) // {value: 1, done: false}
console.log(maker.next()) // {value: 2, done: false}
console.log(maker.next()) // {value: undefined, done: true}

如果函數(shù)執(zhí)行完成了，那么done就自動(dòng)變成true

0x005 next接收參數(shù) 
function *createIterator() {
    let first = yield 1;
    let second = yield first + 2; // 4 + 2 
                                  // first =4 是next(4)將參數(shù)賦給上一條的
    yield second + 3;             // 5 + 3
}

let iterator = createIterator();

console.log(iterator.next());    // "{ value: 1, done: false }"
console.log(iterator.next(4));   // "{ value: 6, done: false }"
console.log(iterator.next(5));   // "{ value: 8, done: false }"
console.log(iterator.next());    // "{ value: undefined, done: true }"

這個(gè)解釋起來(lái)挺麻煩，第一次調(diào)用iterator.next()，返回1，代碼停在了yield 1，但是我們將yield 1的結(jié)果保存在了first變量中，其實(shí)這個(gè)操作是沒(méi)有發(fā)生的，當(dāng)我們第二次執(zhí)行iterator.next(4)，注意這里傳遞了一個(gè)參數(shù)4，此時(shí)會(huì)把4當(dāng)做yield 1的返回值，賦值給first，所以第二次執(zhí)行可以看做是let first=4的這么一個(gè)執(zhí)行順序。

0x006 return 
function* yieldAndReturn() {
  yield "1";
  return "2";
  yield "3"; 
}
var gen = yieldAndReturn()
console.log(gen.next()); // { value: "1", done: false }
console.log(gen.next()); // { value: "2", done: true }
console.log(gen.next()); // { value: undefined, done: true }

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

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

相關(guān)文章

  • React入門(mén)0x016: 訪問(wèn)Dom

    摘要：概述不到必要不要在中訪問(wèn)，嘗試使用的思想去解決問(wèn)題。當(dāng)然，必要的時(shí)候還是可以的，比如某些依賴(lài)的組件時(shí)機(jī)在中，并不是任何時(shí)候都可以訪問(wèn)的，需要講究時(shí)機(jī)。 0x000 概述 不到必要不要在React中訪問(wèn)Dom，嘗試使用React的思想去解決問(wèn)題。當(dāng)然，必要的時(shí)候還是可以的，比如某些依賴(lài)Dom的組件 0x001 時(shí)機(jī) 在React中，并不是任何時(shí)候都可以訪問(wèn)Dom的，需要講究時(shí)機(jī)。因?yàn)镽e...

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

  • JavaScript基礎(chǔ): 類(lèi)與繼承

    摘要：類(lèi)的方法相當(dāng)于之前我們定義在構(gòu)造函數(shù)的原型上。的構(gòu)造函數(shù)中調(diào)用其目的就是調(diào)用父類(lèi)的構(gòu)造函數(shù)。是先創(chuàng)建子類(lèi)的實(shí)例，然后在子類(lèi)實(shí)例的基礎(chǔ)上創(chuàng)建父類(lèi)的屬性。 前言 　　首先歡迎大家關(guān)注我的Github博客，也算是對(duì)我的一點(diǎn)鼓勵(lì)，畢竟寫(xiě)東西沒(méi)法獲得變現(xiàn)，能堅(jiān)持下去也是靠的是自己的熱情和大家的鼓勵(lì)?！　　　≡S久已經(jīng)沒(méi)有寫(xiě)東西了，因?yàn)殡s七雜八的原因最近一直沒(méi)有抽出時(shí)間來(lái)把寫(xiě)作堅(jiān)持下來(lái)，感覺(jué)和跑步一...

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

  • 【JS基礎(chǔ)】ES6語(yǔ)法

    摘要：遍歷器對(duì)象調(diào)用方法后，拋出的異常被函數(shù)體捕獲以后，會(huì)附帶執(zhí)行下一條語(yǔ)句。 iterator迭代器 在ES6之前遍歷數(shù)組的方法有以下四種： // 第一種 for(var i = 0; i < array.length; i++){ console.log(array[i]) } // 第二種 array.forEach(function(item,index){ cons...

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

  • webpack組織模塊的原理 - 基礎(chǔ)篇

    摘要：每一個(gè)模塊的源代碼都會(huì)被組織在一個(gè)立即執(zhí)行的函數(shù)里。接下來(lái)看的生成代碼可以看到，的源代碼中關(guān)于引入的模塊的部分做了修改，因?yàn)闊o(wú)論是，或是風(fēng)格的，都無(wú)法被解釋器直接執(zhí)行，它需要依賴(lài)模塊管理系統(tǒng)，把這些抽象的關(guān)鍵詞具體化。 現(xiàn)在前端用Webpack打包JS和其它文件已經(jīng)是主流了，加上Node的流行，使得前端的工程方式和后端越來(lái)越像。所有的東西都模塊化，最后統(tǒng)一編譯。Webpack因?yàn)榘姹镜?..

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

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

0條評(píng)論

閱讀需要支付1元查看
<