迭代器（iterator）是一個(gè)可以順序存取數(shù)據(jù)集合的對(duì)象。其一個(gè)典型的API是next方法。該方法獲得序列中的下一個(gè)值。
迭代器示例
題目：希望編寫一個(gè)便利的函數(shù)，它可以接收任意數(shù)量的參數(shù)，并為這些值建立一個(gè)迭代器。
測(cè)試代碼好下：
var it=values(,,,,,,,,);it.next();//it.next();//it.next();//
分析：由于values函數(shù)需要接收任意多個(gè)參數(shù)，這里就需要用到上一節(jié)講到的構(gòu)建可變參數(shù)的函數(shù)的方法。然后里面的迭代器對(duì)象來遍歷arguments對(duì)象的元素。
初步編碼
function values(){var i=,n=arguments.length;return {hasNext:function(){return i<n;},next:function(){if(this.hasNext()){return arguments[i++];}throw new Error("已經(jīng)到達(dá)最后啦");}}}用上面的測(cè)試代碼進(jìn)行測(cè)試
var it=values(,,,,,,,,);it.next();//undefinedit.next();//undefinedit.next();//undefined
錯(cuò)誤分析
代碼運(yùn)行結(jié)果并不正確，下面就對(duì)初始的編碼程序進(jìn)行分析。
function values(){var i=,n=arguments.length;//這里沒有錯(cuò)誤，arguments是values里的內(nèi)置對(duì)象return {hasNext:function(){return i<n;},next:function(){if(this.hasNext()){return arguments[i++];//錯(cuò)誤出現(xiàn)在這里，arguments是next方法函數(shù)的內(nèi)置對(duì)象。}throw new Error("已經(jīng)到達(dá)最后啦");}}} 這里的指代錯(cuò)誤，很像是另一個(gè)讓人頭痛的對(duì)象this。處理this的指向時(shí)，通常是使用變量和保存正確的this。然后在其它地方使用這個(gè)變量。那么arguments對(duì)象的解決方案就出來了，借助一個(gè)變量來存儲(chǔ)，這樣arguments對(duì)象的指代就沒有問題了。
再次編碼
function values(){var i=,n=arguments.length,arg=arguments;return {hasNext:function(){return i<n;},next:function(){if(this.hasNext()){return arg[i++];}throw new Error("已經(jīng)到達(dá)最后啦");}}} 運(yùn)行測(cè)試代碼
var it=values(,,,,,,,,);it.next();//it.next();//it.next();//
結(jié)果和預(yù)期的相同。
提示
當(dāng)引用arguments時(shí)當(dāng)心函數(shù)嵌套層級(jí)
綁定一個(gè)明確作用域的引用到arguments變量，從而可以在嵌套的函數(shù)中引用它
附錄一：迭代器
迭代器（iterator）有時(shí)又稱游標(biāo)(cursor)是程序設(shè)計(jì)的軟件設(shè)計(jì)模式，可在容器上遍歷的接口，設(shè)計(jì)人員無需關(guān)心容器的內(nèi)容。
迭代器UML類圖
迭代器js實(shí)現(xiàn)
對(duì)設(shè)計(jì)模式了解一點(diǎn)點(diǎn)，但具體項(xiàng)目中，有得多的也就是工廠模式，其它很少用，下面是一個(gè)簡單的實(shí)現(xiàn)，不對(duì)的地方，歡迎交流。
代碼如下
function List(){this.data=[];}List.prototype={add:function(){var args=[].slice.call(arguments)this.data=this.data.concat(args); },remove:function(i){this.data.splice(i,);},iterator:function(){return new Iterator(this);}}function Iterator(list){this.list=list;this.cur=;};Iterator.prototype={hasNext:function(){return this.cur<this.list.data.length-;},next:function(){if(this.hasNext()){return this.list.data[this.cur++];}throw new Error('已經(jīng)到底了~');},remove:function(){this.list.remove(this.cur);}}var list=new List();var it=list.iterator();list.add(,,,,,,,,);it.next();//it.next();//it.next();// 以上所述是小編給大家介紹的JS中使用變量保存arguments對(duì)象的方法，希望對(duì)大家有所幫助！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
