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

資訊專欄INFORMATION COLUMN

ES6的Iterator對象詳解

KoreyLee / 2338人閱讀

摘要：實(shí)現(xiàn)原理創(chuàng)建一個指針對象，指向當(dāng)前數(shù)據(jù)結(jié)構(gòu)的起始位置。也就是說，遍歷器對象本質(zhì)上，就是一個指針對象。具體來說，就是返回一個包含和兩個屬性的對象。接口部署在對象的屬性上可以調(diào)用這個屬性，就得到遍歷器對象。

Iterator實(shí)現(xiàn)原理

創(chuàng)建一個指針對象，指向當(dāng)前數(shù)據(jù)結(jié)構(gòu)的起始位置。也就是說，遍歷器對象本質(zhì)上，就是一個指針對象。

第一次調(diào)用指針對象的next方法，可以將指針指向數(shù)據(jù)結(jié)構(gòu)的第一個成員。

第二次調(diào)用指針對象的next方法，指針就指向數(shù)據(jù)結(jié)構(gòu)的第二個成員。

不斷調(diào)用指針對象的next方法，直到它指向數(shù)據(jù)結(jié)構(gòu)的結(jié)束位置。

每一次調(diào)用next方法，都會返回數(shù)據(jù)結(jié)構(gòu)的當(dāng)前成員的信息。具體來說，就是返回一個包含value和done兩個屬性的對象。其中，value屬性是當(dāng)前成員的值，done屬性是一個布爾值，表示遍歷是否結(jié)束。

ES6 里的迭代器并不是一種新的語法或者是新的內(nèi)置對象(構(gòu)造函數(shù)), 而是一種協(xié)議，所有遵循了這個協(xié)議的對象都可以稱之為迭代器對象，所以說迭代器是一種協(xié)議，一個統(tǒng)一的接口標(biāo)準(zhǔn)，兩個屬性都不返回值也不會報錯，但是不符合協(xié)議標(biāo)準(zhǔn)了，就不能稱作迭代器了

如何部署Iterator接口

在ES6中，有三類數(shù)據(jù)結(jié)構(gòu)原生具備Iterator接口：數(shù)組、某些類似數(shù)組的對象、Set和Map結(jié)構(gòu)，對象（Object）之所以沒有默認(rèn)部署Iterator接口，是因為對象的哪個屬性先遍歷，哪個屬性后遍歷是不確定的，需要開發(fā)者手動指定。

Iterator接口部署在對象的Symbol.Iterator屬性上, 可以調(diào)用這個屬性，就得到遍歷器對象。

     var arr = ["a", "b", "c"];
     var iterator = arr[Symbol.iterator]();
     var a = iterator.next();
     console.log(a)   //{value: "a", done: false}
for--of與for--in

for...in 遍歷每一個屬性名稱,而 for...of遍歷每一個屬性值。

在對象沒有部署Iterator接口的情況下調(diào)用for...of會報錯。當(dāng)一個部署了Iterator接口的對象調(diào)用for...of時，
實(shí)現(xiàn)的步驟是這樣的：

調(diào)用對象的Symbol.Iterator的屬性獲得遍歷器生成函數(shù)；

調(diào)用遍歷器生成函數(shù)返回遍歷器對象
其實(shí)for...of就相當(dāng)于一直調(diào)用遍歷器對象的next方法，直到返回done為true；

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

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

相關(guān)文章

  • ES6 變量聲明與賦值：值傳遞、淺拷貝與深拷貝詳解

    摘要：變量聲明與賦值值傳遞淺拷貝與深拷貝詳解歸納于筆者的現(xiàn)代開發(fā)語法基礎(chǔ)與實(shí)踐技巧系列文章。變量聲明在中，基本的變量聲明可以用方式允許省略，直接對未聲明的變量賦值。按值傳遞中函數(shù)的形參是被調(diào)用時所傳實(shí)參的副本。 ES6 變量聲明與賦值：值傳遞、淺拷貝與深拷貝詳解歸納于筆者的現(xiàn)代 JavaScript 開發(fā)：語法基礎(chǔ)與實(shí)踐技巧系列文章。本文首先介紹 ES6 中常用的三種變量聲明方式，然后討論了...

    snowLu 評論0 收藏0

  • 【ES6】迭代器與可迭代對象

    摘要：通過生成器創(chuàng)建的迭代器也是可迭代對象，因為生成器默認(rèn)會為屬性賦值。我們可以用來訪問對象的默認(rèn)迭代器，例如對于一個數(shù)組獲得了數(shù)組這個可迭代對象的默認(rèn)迭代器，并操作它遍歷了數(shù)組中的元素。 ES6 新的數(shù)組方法、集合、for-of 循環(huán)、展開運(yùn)算符（...）甚至異步編程都依賴于迭代器（Iterator ）實(shí)現(xiàn)。本文會詳解 ES6 的迭代器與生成器，并進(jìn)一步挖掘可迭代對象的內(nèi)部原理與使用方法 ...

    terasum 評論0 收藏0

  • es6 Generators詳解

    摘要：每個任務(wù)必須顯式地掛起自己，在任務(wù)切換發(fā)生時給予它完全的控制。在這些嘗試中，數(shù)據(jù)經(jīng)常在任務(wù)之間共享。但由于明確的暫停，幾乎沒有風(fēng)險。 翻譯自 github 概述 什么是generators？ 我們可以把generators理解成一段可以暫停并重新開始執(zhí)行的函數(shù) function* genFunc() { // (A) console.log(First); yi...

    zhaot 評論0 收藏0

  • ES6中Array.from()函數(shù)詳解

    摘要：注意屬性名代表了數(shù)組的索引號，如果沒有這個索引號，轉(zhuǎn)出來的數(shù)組中對應(yīng)的元素就為空。對象的屬性名不能轉(zhuǎn)換成索引號時。可選參數(shù)可選參數(shù)，執(zhí)行回調(diào)函數(shù)時對象。 ES6為Array增加了from函數(shù)用來從一個類似數(shù)組或可迭代對象中創(chuàng)建一個新的，淺拷貝的數(shù)組實(shí)例。不過只可以將一下兩種對象轉(zhuǎn)換成數(shù)組。1.部署了Iterator接口的對象，比如：Set，Map，Array。2.類數(shù)組對象，什么叫類數(shù)...

    zzzmh 評論0 收藏0

  • ES6語法詳解(一)

    摘要：凍結(jié)對象可以使用方法。對象的解構(gòu)賦值必須要屬性名相同，順序毫無影響。數(shù)組解構(gòu)賦值默認(rèn)值，當(dāng)?shù)忍栍疫叺闹禃r，默認(rèn)值生效。 let變量 let聲明的變量在let命令所在的代碼塊中有效。不存在變量提升，只能先聲明后使用。 暫存死區(qū) 如果區(qū)塊中存在let和const命令，這個區(qū)塊對這些命令聲明的變量，從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量。 var a = 1; { ...

    wendux 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<