• 迭代模式：

提供一種方法可以順序獲得聚合對(duì)象中的各個(gè)元素，是一種最簡(jiǎn)單也是最常見的設(shè)計(jì)模式，它可以讓用戶透過特定的接口巡防集合中的每一個(gè)元素而不用了解底層的實(shí)現(xiàn)。

• 迭代器簡(jiǎn)介：

依照與迭代模式的思想而實(shí)現(xiàn)，分為內(nèi)部迭代器和外部迭代器。

• 內(nèi)部迭代器：

本身就是函數(shù)，該函數(shù)內(nèi)部定義好迭代規(guī)則，完全接手整個(gè)迭代過程。外部只需要一次初始調(diào)用。
Array.prototype.forEach、jQuery.each 內(nèi)部迭代器

• 外部迭代器

本身是函數(shù)，執(zhí)行返回迭代對(duì)象，迭代下一個(gè)元素必須顯示調(diào)用，調(diào)用復(fù)雜度增加，但靈活性增強(qiáng)。
function outerlterator(){} 外部迭代器

寫個(gè)最簡(jiǎn)單的例子

// 內(nèi)部迭代器 let arr = [1,2,3]; arr.forEach((ele)=>{console.log(ele); })// 外部迭代器 function outerlterator(o){let curIndex = 0;let next = ()=>{return {value: o[curIndex],done: 0.length == ++curIndex;}}return{next}} let data = outerlterator(arr); data.next

迭代器目的：
從迭代模式思想中可以看出，就是要標(biāo)準(zhǔn)化迭代操作。

如果遇到有修改數(shù)據(jù)格式的場(chǎng)景，數(shù)組變成對(duì)象，導(dǎo)致遍歷代碼大量重寫

ES6 引入Iterator，部署在NodeList、arguments、Array、Set、Map、字符串上等數(shù)據(jù)的 Symbol.iterator 屬性。

使得這些數(shù)據(jù)是iterrable可迭代的，能進(jìn)行for of、……、Array。from等操作

let obj = {0: 'a',1: 'b',2: 'c'length:3, } conosle.log([...obj]);// 報(bào)錯(cuò) let obj = {0: 'a',1: 'b',2: 'c'length:3,[Symbol.iterator]: function(){let curIndex = 0;let next = ()=>{return {value: this[curIndex],done: this.length == ++curIndex;}}return{next}} } conosle.log([...obj]);// 正常迭代for(let p of obj){console.log(p) } // a b c 也是正常迭代

總結(jié)

以上是生活随笔為你收集整理的ES6基本的语法(十六) lterator的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。