JavaScript arguments物件詳解

arguments是一個特殊物件，不用且不能由程式設計師主動建立。

函式被呼叫時，此物件會自動建立，程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function func(x,y){
  for(var index=0;index<arguments.length;index++){
    console.log(arguments[index]);
  }
}
func(1, 2, 3, 4)

依次列印1,2,3,4四個引數，解析如下：

（1）.儲存了實際傳入函式的引數。

（2）.與陣列類似，可以使用索引訪問其中引數或者length返回引數數量。

關於形參和實參可以參閱JavaScript函式形參或者實參一章節。

利用arguments物件可以實現一些驗證功能，比如對函式傳入的引數數目限制。

如果傳入的數量與期望數目不同，則報錯。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function func() {
    if( arguments.length == 2 ){        
        return arguments[0] + arguments[1];
    }else{        
        return '引數數目錯誤';
    }
}
console.log(func(2,4,6));

程式碼執行效果截圖如下：

程式碼分析如下：

（1）.函式期望傳入2個引數。

（2）.呼叫函式後，arguments物件儲存實際傳入的引數（2,4,6）。

（3）.arguments.length屬性獲取實際傳入引數的數量，判斷傳入的數量是否兩個，如果是兩個引數，那將兩個引數相加，並返回它們的和，如果傳入引數的數量不是兩個，則返回"引數數目錯誤"。

（4）.引數可以通過與陣列相同的方式訪問，arguments[0]返回從左邊數第一個引數，arguments[1]返回從左邊起第二個引數，以此類推。

是陣列還是物件：

在前面已經介紹，arguments是物件，但非常類似於陣列：

（1）.可以使用索引訪問其中儲存的資料。

（2）.使用length屬性返回儲存資料的數目。

但它並非是陣列，證明這一點非常簡單，如果是陣列，那麼肯定可以使用陣列物件的方法。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function func(x,y){
  arguments.push(5)
}
func(1, 2, 3, 4)

上面程式碼報錯，因為arguments物件並不是陣列，所以沒有push方法。

將arguments轉換為陣列：

非常簡單，程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function func(x,y){
  let arr=Array.prototype.slice.apply(arguments);
  arr.push(5);
  console.log(arr);
}
func(1, 2, 3, 4)

上面程式碼將arguments物件轉換為陣列，更多內容參閱如下文章：

（1）.prototype參閱JavaScript prototype一章節。

（2）.apply()參閱JavaScript appy()方法一章節。

（3）.slice()參閱JavaScript slice()方法一章節。