理解javascript arguments物件和函數形參

viajavascript arguments物件主要是在javascript的function這一節中學習。

三：argument物件

實際上，函數體內可以透過argument物件來接收傳遞進來的參數。

function box(){
return arguments[0] + '|'+arguments[1]; //得到每次参数的值
}

alert(box('caibaojian',24));

arguments物件的length屬性可以得到參數的數量。

function box(){
return arguments.length; 
}

alert(box(1,2,3,4,5)); 5

今天主要是要說說使用過程的一點注意，透過一個例子來說明arguments物件存取函數的參數的時候和行參定義參數的時候有什麼區別

//code from http://caibaojian.com/js-arguments.html
function func(a,b){
b=30;
arguments[0] = arguments[1]
return a;
}
function(1,2); 30
function(1); undefined //由于函数内arguments形参改变了，a=arguments[1]，arguments[1]未定义，所以a最后输出undefined

原文連結：http://caibaojian. com/js-arguments.html

via偵測參數個數原文來自：http://caibaojian.com/js-arguments.html

也可以用arguments 物件偵測函數的參數個數，引用屬性個.lengtharguments.length即可。

下面的程式碼會輸出每次呼叫函數所使用的參數個數：

function howManyArgs() {
  alert(arguments.length);
}

howManyArgs("string", 45);
howManyArgs();
howManyArgs(12);

via上面這段程式碼將依序顯示 "2"、"0" 和 "1"。

註解：與其他程式設計語言不同，ECMAScript 不會驗證傳遞給函數的參數數量是否等於函數定義的參數個數。開發者定義的函數都可以接受任數的參數（根據 Netscape 的文檔，最多可接受 255 個），而不會引發任何錯誤。任何遺漏的參數都會以 undefined 傳遞給函數，多餘的函數將忽略。

模擬函數重載

用 arguments 物件判斷傳遞給函數的參數個數，即可模擬函數重載：

function doAdd() {
  if(arguments.length == 1) {
    alert(arguments[0] + 5);
  } else if(arguments.length == 2) {
    alert(arguments[0] + arguments[1]);
  }
}

doAdd(10);	//输出 "15"
doAdd(40, 20);	//输出 "60"

via當只有一個參數時，doAdd() 函數給參數加 5。如果有兩個參數，則會把兩個參數相加，傳回它們的和。所以，doAdd(10) 輸出的是 "15"，而 doAdd(40, 20) 輸出的則是 "60"。原文來自：http://caibaojian.com/js-arguments.html

雖然不如重載那麼好，不過已足以避開 ECMAScript 的這種限制。