迭代器(iterator)是一個可以順序存取資料集合的物件。其典型的API是next方法。此方法獲得序列中的下一個值。
迭代器範例
題目:希望寫一個便利的函數,它可以接收任意數量的參數,並為這些值建立一個迭代器。
測試程式碼好下:
var it=values(,,,,,,,,); it.next();// it.next();// it.next();//
分析:由於values函數需要接收任意多個參數,這裡就需要用到上一節講到的建構可變參數的函數的方法。然後裡面的迭代器物件來遍歷arguments物件的元素。
初步編碼
function values(){ var i=,n=arguments.length; return { hasNext:function(){ return i<n; }, next:function(){ if(this.hasNext()){ return arguments[i++]; } throw new Error("已经到达最后啦"); } } }
用上面的測試程式碼進行測試
var it=values(,,,,,,,,); it.next();//undefined it.next();//undefined it.next();//undefined
錯誤分析
程式碼運行結果並不正確,下面就對初始的編碼程序進行分析。
function values(){ var i=,n=arguments.length;//这里没有错误,arguments是values里的内置对象 return { hasNext:function(){ return i<n; }, next:function(){ if(this.hasNext()){ return arguments[i++];//错误出现在这里,arguments是next方法函数的内置对象。 } throw new Error("已经到达最后啦"); } } }
這裡的指涉錯誤,很像是另一個讓人頭痛的對象this。處理this的指向時,通常是使用變數和儲存正確的this。然後在其它地方使用這個變數。那麼arguments物件的解決方案就出來了,借助一個變數來存儲,這樣arguments物件的指代就沒有問題了。
再次編碼
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("已经到达最后啦"); } } }
這裡的指涉錯誤,很像是另一個讓人頭痛的對象this。處理this的指向時,通常是使用變數和儲存正確的this。然後在其它地方使用這個變數。那麼arguments物件的解決方案就出來了,借助一個變數來存儲,這樣arguments物件的指代就沒有問題了。
再次編碼
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("已经到达最后啦"); } } }
運行測試程式碼
var it=values(,,,,,,,,); it.next();// it.next();// it.next();//
結果和預期的相同。
提示
當引用arguments時當心函數嵌套層級
綁定一個明確作用域的引用到arguments變量,從而可以在嵌套的函數中引用它
附錄一附錄:迭代器
迭代器(iterator)有時又稱遊標(cursor)是程式設計的軟體設計模式,可在容器上遍歷的接口,設計人員無需關心容器的內容。
迭代器UML類圖
迭代器js實現
對設計模式了解一點點,但具體項目中,有得多的也就是工廠模式,其它很少用,下面是一個簡單的實現,不對的地方,歡迎交流。
程式碼如下
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('已经到底了~'); }, 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物件的方法,希望對大家有幫助!
更多JS中使用變數保存arguments物件的方法相關文章請關注PHP中文網!