快捷導(dǎo)航

如何實(shí)現(xiàn)JS函數(shù)的重載

更新時(shí)間：2006年09月22日 00:00:00 作者：

javascript不能支持函數(shù)的重載，如下：

<script language="JavaScript"> 
function f(length) 
{ 
    alert("高為："+length); 
} 

function f(length,width) 
{ 
    alert("高為："+length+"，寬為："+width); 
} 
</srcipt>

上面那段代碼其實(shí)是行不通的，因?yàn)楹瘮?shù)定義時(shí)的參數(shù)個(gè)數(shù)和函數(shù)調(diào)用時(shí)的參數(shù)個(gè)數(shù)沒有任何關(guān)系。在函數(shù)中可以用f.arguments[0]和f.arguments[1]得到調(diào)用時(shí)傳入的第一和第二個(gè)參數(shù)，所以定義function(length)，后面用f(10,10)調(diào)用是沒有問題的。所以在上面這段代碼中，第二個(gè)函數(shù)是永遠(yuǎn)不可能被調(diào)用到的，那么，要怎樣才能實(shí)現(xiàn)像函數(shù)重載那樣的功能呢？
那就是在函數(shù)定義中用f.arguments.length判斷一下調(diào)用時(shí)傳入的參數(shù)個(gè)數(shù)。然后對(duì)不同的情況采用不同的處理方式。
如下：

復(fù)制代碼代碼如下:

<script language="JavaScript"> 
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); 
} 
</srcipt>

這樣，你就可以給函數(shù)f()傳入一個(gè)參數(shù)也可以傳入兩個(gè)參數(shù)了，比如f(10)和f(10,10)；
個(gè)人覺得，這樣雖然可以實(shí)現(xiàn)重載，但也不是很好用，我們可以根據(jù)具體情況在一個(gè)函數(shù)中實(shí)現(xiàn)重載，如果要重載的兩個(gè)函數(shù)相差較大，那就保留兩個(gè)函數(shù)，而如果兩個(gè)函數(shù)的實(shí)現(xiàn)基本差不多，那么可以在一個(gè)函數(shù)中進(jìn)行判斷，處理不同的部分，而不需要像上面那樣寫成三個(gè)函數(shù)，如下：

復(fù)制代碼代碼如下:

<script language="JavaScript"> 
function f(length) 
{ 
    var len= arguments.length; 
    if(1 == len) 
    { 
        var width = arguments[1]; 
        alert("高為："+length+"，寬為："+width); 
    } 
    else 
    { 
        alert("高為："+length); 
    } 
} 
</srcipt>