国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

切圖崽的自我修養(yǎng)-[ES6] 迭代器Iterator淺析

happyfish / 2554人閱讀

摘要:任何數據結構只要部署接口,就可以完成遍歷操作即依次處理該數據結構的成員。的遍歷某個數據結構過程是這樣的比如對進行遍歷創(chuàng)建一個指針對象,指向當前數組的起始位置。

Iterator

</>復制代碼

  1. 這真是毅種循環(huán)

Iterator不是array,也不是set,不是map, 它不是一個實體,而是一種訪問機制,是一個用來訪問某個對象的接口規(guī)范,為各種不同的數據結構提供統(tǒng)一的訪問機制。任何數據結構只要部署Iterator接口,就可以完成遍歷操作(即依次處理該數據結構的成員)。

Iterator的遍歷某個數據結構過程是這樣的(比如對array進行遍歷)

創(chuàng)建一個指針對象,指向當前數組的起始位置。也就是說,遍歷器對象本質上,就是一個指針對象

第一次調用指針對象的next方法,可以將指針指向數據結構的第一個成員, 這時候的返回值是{value:array[0], done:false}

第二次調用指針對象的next方法,指針就指向數據結構的第二個成員,這時候的返回值是{value:array[1], done:false}

不斷調用指針對象的next方法,直到它指向數據結構的結束位置這時候的返回值是{value:array[array.length-1], done:true}

遍歷完畢

為數組["a","b"]手動寫一個iterator接口

</>復制代碼

  1. var itertaor = makeIterator(["a", "b"]);
  2. iterator.next() // { value: "a", done: false }
  3. iterator.next() // { value: "b", done: false }
  4. iterator.next() // { value: undefined, done: true }
  5. function makeIterator(array) {
  6. var nextIndex = 0;
  7. return {
  8. next: function() {
  9. return nextIndex < array.length ?
  10. {value: array[nextIndex++], done: false} :
  11. {value: undefined, done: true};
  12. }
  13. };
  14. }

</>復制代碼

  1. function makeIterator(array) {
  2. var nextIndex = 0;
  3. return {
  4. next: function() {
  5. return nextIndex < array.length ?
  6. {value: array[nextIndex++], done: false} :
  7. {value: undefined, done: true};
  8. }
  9. };
  10. }

等價于:

</>復制代碼

  1. let iterator =
  2. makeIterator(["a","b"])=
  3. {next:function(){xxxx}}

等價于:

</>復制代碼

  1. iterator.next()
  2. = nextIndex
  3. 所以當 var iterator = makeIterator(["a","b"])執(zhí)行完,這時候makeIterator函數內部的nextIndex=0, 但由于makeIterator外部變量iterator返回了一個引用{next:function(){xxx}},所以makeIterator函數無法關閉,現在處于內存泄漏狀態(tài)(函數的執(zhí)行上下文環(huán)境沒有關閉啊我摔!),

  4. 執(zhí)行完第一個iterator.next()的時候, 由于此時nextIndex=0, nextIndex{value: array[nextIndex++], done: false},這一句實際等價于: 返回{value: array[nextIndex], done: false}然后nextIndex=nextIndex+1,現在nextIndex=1

  5. 執(zhí)行完第二個iterator.next()的時候, 由于此時nextIndex=1, nextIndex{value: array[nextIndex++], done: false},這一句實際等價于: 返回{value: array[nextIndex], done: false}然后nextIndex=nextIndex+1,現在nextIndex=2

  6. 執(zhí)行完第三個iterator.next()的時候, 由于此時nextIndex=2, nextIndex{value: undefined, done: true}

  7. 可遍歷對象
  8. 事實上,我們不需要手動寫array/set/map的Iterator接口了,因為ES6規(guī)定它們是可遍歷對象,所以對應的Iterator接口已經被添加到對應的Symbol.iterator屬性上了(所以這三種數據結構才能用keys(for..of)/values(for..of)/entries(for..of)/foreach這種方法進行遍歷),你可以通過如下方式來獲取

  9. </>復制代碼

    1. let arr = ["a", "b", "c"];
    2. let arrIterator = `arr[Symbol.iterator]()`
    3. let set = new Set([1,2,3]);
    4. let setIterator = `set[Symbol.iterator]()`
    5. let map = new Map([x,1][y,2]);
    6. let mapIterator = `map[Symbol.iterator]()`
  10. 非可遍歷對象
  11. 對于非可遍歷對象,比如{a:1,b:2},ES6并沒有規(guī)定這種對象鍵值對為可遍歷對象,所以用for..of是不能對它進行遍歷的.如果要使一個對象變成可遍歷的,需要手動添加Iterator規(guī)則接口到它的Symbol.iterator屬性上去,比如

  12. </>復制代碼

    1. let obj = {
    2. data: [ "hello", "world" ],
    3. [Symbol.iterator]() {
    4. const self = this;
    5. let index = 0;
    6. return {
    7. next() {
    8. if (index < self.data.length) {
    9. return {
    10. value: self.data[index++],
    11. done: false
    12. };
    13. } else {
    14. return { value: undefined, done: true };
    15. }
    16. }
    17. };
    18. }
    19. };
  13. 對于其他的不可遍歷對象(比如類數組對象),你可以手動在Symbol.iterator屬性上部署上手寫的Iterator接口(這樣你自己可以寫遍歷規(guī)則),也可以讓Symbol.iterator屬性直接指向arrayIterator接口(這樣就是用的數組的遍歷規(guī)則)

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

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/80210.html

相關文章

  • 切圖崽的自我修養(yǎng)-[ES6] 迭代Iterator淺析

    摘要:任何數據結構只要部署接口,就可以完成遍歷操作即依次處理該數據結構的成員。的遍歷某個數據結構過程是這樣的比如對進行遍歷創(chuàng)建一個指針對象,指向當前數組的起始位置。 Iterator 這真是毅種循環(huán) Iterator不是array,也不是set,不是map, 它不是一個實體,而是一種訪問機制,是一個用來訪問某個對象的接口規(guī)范,為各種不同的數據結構提供統(tǒng)一的訪問機制。任何數據結構只要部署Ite...

    neu 評論0 收藏0
  • 切圖崽的自我修養(yǎng)-[ES6] 迭代Iterator淺析

    摘要:任何數據結構只要部署接口,就可以完成遍歷操作即依次處理該數據結構的成員。的遍歷某個數據結構過程是這樣的比如對進行遍歷創(chuàng)建一個指針對象,指向當前數組的起始位置。 Iterator 這真是毅種循環(huán) Iterator不是array,也不是set,不是map, 它不是一個實體,而是一種訪問機制,是一個用來訪問某個對象的接口規(guī)范,為各種不同的數據結構提供統(tǒng)一的訪問機制。任何數據結構只要部署Ite...

    springDevBird 評論0 收藏0
  • 切圖崽的自我修養(yǎng)-[ES6] 生成Generator淺析

    摘要:搞這么神秘其實就是個迭代器的核心實際上就是一個,通過關鍵字能夠把函數體拆成完全可控執(zhí)行片段,在函數體外部通過來對這些執(zhí)行片段進行遍歷這和遍歷這些數據結構是一個道理只不過用來遍歷函數片段,而用來遍歷元素對生成器執(zhí)行操作,進行生成器的入口開始執(zhí) Generator 搞這么神秘 其實就是個迭代器 Generator的核心實際上就是一個Iterator,通過yield關鍵字能夠把函數體拆成完全...

    Dogee 評論0 收藏0
  • 切圖崽的自我修養(yǎng)-[ES6] 生成Generator淺析

    摘要:搞這么神秘其實就是個迭代器的核心實際上就是一個,通過關鍵字能夠把函數體拆成完全可控執(zhí)行片段,在函數體外部通過來對這些執(zhí)行片段進行遍歷這和遍歷這些數據結構是一個道理只不過用來遍歷函數片段,而用來遍歷元素對生成器執(zhí)行操作,進行生成器的入口開始執(zhí) Generator 搞這么神秘 其實就是個迭代器 Generator的核心實際上就是一個Iterator,通過yield關鍵字能夠把函數體拆成完全...

    李義 評論0 收藏0
  • 切圖崽的自我修養(yǎng)-[ES6] 生成Generator淺析

    摘要:搞這么神秘其實就是個迭代器的核心實際上就是一個,通過關鍵字能夠把函數體拆成完全可控執(zhí)行片段,在函數體外部通過來對這些執(zhí)行片段進行遍歷這和遍歷這些數據結構是一個道理只不過用來遍歷函數片段,而用來遍歷元素對生成器執(zhí)行操作,進行生成器的入口開始執(zhí) Generator 搞這么神秘 其實就是個迭代器 Generator的核心實際上就是一個Iterator,通過yield關鍵字能夠把函數體拆成完全...

    mj 評論0 收藏0

發(fā)表評論

0條評論

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