如何實現JS函數的重載

2019-11-21 02:30:37

字體：大中小

來源：轉載

供稿：網友

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>