ES6的Iterator,jquery Fn

標籤：symbol   rip   協議   jquer   pre   nbsp   pretty   函數返回   one   

ES6的Iterator對象詳解Iterator實現原理

1. 建立一個指標對象，指向當前資料結構的起始位置。也就是說，遍曆器對象本質上，就是一個指標對象。

2. 第一次調用指標對象的next方法，可以將指標指向資料結構的第一個成員。

3. 第二次調用指標對象的next方法，指標就指向資料結構的第二個成員。

4. 不斷調用指標對象的next方法，直到它指向資料結構的結束位置。

每一次調用next方法，都會返回資料結構的當前成員的資訊。具體來說，就是返回一個包含value和done兩個屬性的對象。其中，value屬性是當前成員的值，done屬性是一個布爾值，表示遍曆是否結束。

ES6 裡的迭代器並不是一種新的文法或者是新的內建對象(建構函式), 而是一種協議，所有遵循了這個協議的對象都可以稱之為迭代器對象，所以說迭代器是一種協議，一個統一的介面標準，兩個屬性都不傳回值也不會報錯，但是不符合協議標準了，就不能稱作迭代器了

如何部署Iterator介面

在ES6中，有三類資料結構原生具備Iterator介面： 數組、某些類似數組的對象、Set和Map結構 ，對象（Object）之所以沒有預設部署Iterator介面，是因為對象的哪個屬性先遍曆，哪個屬性後遍曆是不確定的，需要開發人員手動指定。

Iterator介面部署在對象的 Symbol.Iterator 屬性上, 可以調用這個屬性，就得到遍曆器對象。

     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介面的情況下調用for…of會報錯。當一個部署了Iterator介面的對象調用for…of時，實現的步驟是這樣的：

1. 調用對象的Symbol.Iterator的屬性獲得遍曆器產生函數；

2. 調用遍曆器產生函數返回遍曆器對象其實for…of就相當於一直調用遍曆器對象的next方法，直到返回done為true；

Jquery 的Fn

jquery的fn 就添加了一個迭代器，fn實際上是一個對象。

if (typeof Symbol === "function") {        jQuery.fn[Symbol.iterator] = arr[Symbol.iterator];    }

 

 

 

 

ES6的Iterator,jquery Fn