Javascript function 的參數傳遞

Posted on | Edited on |

前言

寫過C#或JAVA的朋友一開始接觸 Javascript 是否和我一樣，覺得 Javascript funtion 參數傳遞很奇怪呢？小弟研讀一番，根據自己的理解整理了兩個迷惑的地方：

(一) 參數多傳或少傳的結果

假設有一個 function myfunc(x,y,z){ ……. }當使用myfunc(1,2)呼叫時，傳的參數不夠多，此時不會出現exception且第三個參數會自動視為undefined，有點像function有「多載」的感覺！但畢竟這不是多載，最好還是給會出現undefined的參數一個初始值，如下：

1
2
3
4
5
6
7
8
9
function myfunc(x,y,z){
    if (z === undefined) {
        z = 0;
    }
}
//順帶一提，內容改為 z = z || 0; 也有一樣的效果：
function myfunc(x,y,z){   
     z = z || 0;  
}

看到這裡，或許會和我一樣有個疑惑，傳四個參數會怎麼樣呢？
例如：myfunc(1,2,3,4)

結果是一樣不會出exception，只是第四個參數會自動忽略掉！
個人認為這是好處也是壞處，寫的時候不太會有exception，但有Bug也找不太出來……

(二) 內建的 Arguments Object

請思考以下程式能執行嗎？

1
2
3
4
5
6
7
8
9
10
x = findMax(1, 123, 500, 115, 44, 88);
function findMax() {
    var i, max = 0;
    for (i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];
        }
    }
    return max;
}

可以的, 但對我這個初學者來說，認為：

  1. arguments未宣告
  2. 依照上述(一)的說法，參數傳太多會全部忽略！
  3. 執行後結果=0

但實際執行結果是 500 !
很驚訝嗎？這是常見的Javascript語法喔！

Javascript中function是一個物件，arguments則是function的內建屬性，有點像一個叫做function的class裡面有一個array的感覺！當傳參數給function後，會被自動一個個存入內建的arguments陣列裡，因此可直接使用arguments來調用參數，而不需在function宣告一整串參數。

現在再看一次這個function，是不是豁然開朗了呢？

1
2
3
4
5
6
7
8
9
function findMax() {  
    var i, max = 0;  
    for (i = 0; i < arguments.length; i++) {  
        if (arguments[i] > max) {  
            max = arguments[i];  
        }  
    }  
    return max;  
}