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

2024-09-06 12:44:49

字體：大中小

供稿：網(wǎng)友

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ì)不同的情況采用不同的處理方式。
如下：
代碼如下:
<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ù)，如下：
代碼如下:
<script language="JavaScript">
function f(length)
{
    var len= arguments.length;
    if(1 == len)
    {
        var width = arguments[1];
        alert("高為："+length+"，寬為："+width);
    }
    else
    {

上一篇：Firefox 無(wú)法獲取cssRules 的解決辦法

下一篇：初學(xué)prototype,發(fā)個(gè)JS接受URL參數(shù)的代碼