如何?JS函數的重載

來源:互聯網
上載者:User

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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.