JS中使用變數保存arguments物件的方法

迭代器（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(&#39;已经到底了~&#39;);
},
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中文網！