首頁  >  文章  >  web前端  >  JavaScript中實作函數重載與參數預設值

JavaScript中實作函數重載與參數預設值

高洛峰
高洛峰原創
2016-11-26 14:08:541665瀏覽

參數預設值是指在呼叫函數時,若省略了某個實參,函數會自動為此參數分配一個預設值,使得函數呼叫的方便性和靈活性大大提高。

舉個例子,例如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 boo(int a, int boo(int a, int b){
    foo(a, b, false);

而在JavaScript中,如何像jQuery那樣設定函數參數預設值呢? JavaScript中並沒有像C語言中定義函數時直接在參數後面賦值的方法,也沒有像Java裡那樣的函數重載,但我們可以透過JavaScript方法中的一個arguments只讀變數數組來實現,具體如下:

function foo(){  
    var a = arguments[0] ? arguments[0] : 1;  

    var b = arguments



以上是透過判斷參數是否存在,若不存在則將預設值附給變量,而我們可以透過判斷參數的類型來實現重載:

function foo(){  

0] == 'string')   

        alert('參數型別為字串');   

    else if(typeof arguments[0] == 'number')  





function foo(){  

    if(arguments[0].constructor == String)   

       structor == Number )   
        alert('參數類型為數值');   

}  


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn