JavaScript中實現函數重載和參數默認值

參數默認值是指在調用函數時，若省略了某個實參，函數會自動爲該參數分配一個默認值，使得函數調用的方便性和靈活性大大提高。

舉個例子，比如PHP中的字符串截取函數substr(string,start,length)，當不指定length時，函數將默認截取字符串中start位置到字符串結束，而如果指定了length，則截取從start位置開始的以length爲長度的字符串，所以如果調用的是substr('http://www.hualai.net.cn',11,6)，則返回的是hualai；如果省略掉最後一個參數，substr('http://www.hualai.net.cn',11)，則返回hualai.net.cn。

再比如jQuery框架中，$(selector).html()方法是獲取該元素內的HTML代碼，而$(selector).html(content)則是設置該元素內的HTML。我們知道，在C語言中，我們可以通過如下形式來爲函數參數設置默認值：

void foo(int a, int b = 1, bool c = false); 

 

在Java中，則可以通過函數重載來設置函數參數默認值：

    public void foo(int a){    
        foo(a, 1);    
    }    
    public void foo(int a, int b){    
        foo(a, b, false);    
    }    
    public void foo(int a, int b, bool c){    
        //函數內容    
    }    

  

而在JavaScript中，如何像jQuery那樣設置函數參數默認值呢？JavaScript中並沒有像C語言中定義函數時直接在參數後面賦值的方法，也沒有像Java裏那樣的函數重載，但我們可以通過JavaScript方法中的一個arguments只讀變量數組來實現，具體如下：

function foo(){    
    var a = arguments[0] ? arguments[0] : 1;    
    var b = arguments[1] ? arguments[1] : false;    
    //函數內容    
}  

   

以上是通過判斷參數是否存在，若不存在則將默認值附給變量，而我們可以通過判斷參數的類型來實現重載：

function foo(){    
    if(typeof arguments[0] == 'string')     
        alert('參數類型爲字符串');     
    else if(typeof arguments[0] == 'number')     
        alert('參數類型爲數值');     
}  

 

或者：

function foo(){    
    if(arguments[0].constructor == String)     
        alert('參數類型爲字符串');     
    else if(arguments[0].constructor == Number)     
        alert('參數類型爲數值');     
}