Javascript函數重載的例子介紹

js本身不支援重載，因為方法調用只與方法名相關，而不計較參數的數量和類型，也正是這個特點，我們可以用更簡單的方法實現重載。
我們可以通過數組arguments來擷取變數，再根據arguments.length來執行不同的操作。

簡例：

function getSum(){
    //這是計算總和的函數
    var sum=0;
    for(var i=0;i<arguments.length;i++){
        sum+=arguments[i];
    }
    return sum;
}
 
document.write(getSum());//0
document.write(getSum(1));//1
document.write(getSum(1,2));//3
document.write(getSum(1,2,3));//6
document.write(getSum(1,2,3,4));//10

javascript不能支援函數的重載，如下：

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

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

上面那段代碼其實是行不通的，因為函數定義時的參數個數和函數調用時的參數個數沒有任何關係。 在函數中可以用f.arguments[0]和f.arguments[1]得到調用時傳入的第一和第二個參數，所以定義function(length)，後面用f(10,10)調用是沒有問題的。所以在上面這段代碼中，第二個函數是永遠不可能被調用到的，那麼，要怎樣才能實現像函數重載那樣的功能呢？
    那就是在函數定義中用f.arguments.length判斷一下調用時傳入的參數個數。然後對不同的情況採用不同的處理方式。
如下：

<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>

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

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