如何實現JS函數的重載


javascript不能支持函數的重載,如下:

function f(length) 
{ 
    alert("高為:"+length); 
} 

function f(length,width) 
{ 
    alert("高為:"+length+",寬為:"+width); 
} 

上面那段代碼其實是行不通的,因為函數定義時的參數個數和函數調用時的參數個數沒有任何關系。 在函數中可以用f.arguments[0]和f.arguments[1]得到調用時傳入的第一和第二個參數,所以定義function(length),后面用f(10,10)調用是沒有問題的。所以在上面這段代碼中,第二個函數是永遠不可能被調用到的,那么,要怎樣才能實現像函數重載那樣的功能呢? 

    那就是在函數定義中用f.arguments.length判斷一下調用時傳入的參數個數。然后對不同的情況采用不同的處理方式。 
如下:

function f() 
{ 
    var len= arguments.length; 
    if(1 == len) 
    { 
        var length = arguments[0]; 
        var width = arguments[1]; 
        f2(length,width); 
    } 
    else 
    { 
        var length = arguments[0]; 
        f1(length); 
    } 
} 

function f1(length) 
{ 
    alert("高為:"+length); 
} 

function f2(length,width) 
{ 
    alert("高為:"+length+",寬為:"+width); 
} 

這樣,你就可以給函數f()傳入一個參數也可以傳入兩個參數了,比如f(10)和f(10,10); 

    個人覺得,這樣雖然可以實現重載,但也不是很好用,我們可以根據具體情況在一個函數中實現重載,如果要重載的兩個函數相差較大,那就保留兩個函數,而如果兩個函數的實現基本差不多,那么可以在一個函數中進行判斷,處理不同的部分,而不需要像上面那樣寫成三個函數,如下:

function f(length) 
{ 
    var len= arguments.length; 
    if(1 == len) 
    { 
        var width = arguments[1]; 
        alert("高為:"+length+",寬為:"+width); 
    } 
    else 
    { 
        alert("高為:"+length); 
    } 
} 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM