如何實(shí)現(xiàn)JS函數(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ù)和函數(shù)調(diào)用時的參數(shù)個數(shù)沒有任何關(guān)系。 在函數(shù)中可以用f.arguments[0]和f.arguments[1]得到調(diào)用時傳入的第一和第二個參數(shù),所以定義function(length),后面用f(10,10)調(diào)用是沒有問題的。所以在上面這段代碼中,第二個函數(shù)是永遠(yuǎn)不可能被調(diào)用到的,那么,要怎樣才能實(shí)現(xiàn)像函數(shù)重載那樣的功能呢?
那就是在函數(shù)定義中用f.arguments.length判斷一下調(diào)用時傳入的參數(shù)個數(shù)。然后對不同的情況采用不同的處理方式。
如下:
<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()傳入一個參數(shù)也可以傳入兩個參數(shù)了,比如f(10)和f(10,10);
個人覺得,這樣雖然可以實(shí)現(xiàn)重載,但也不是很好用,我們可以根據(jù)具體情況在一個函數(shù)中實(shí)現(xiàn)重載,如果要重載的兩個函數(shù)相差較大,那就保留兩個函數(shù),而如果兩個函數(shù)的實(shí)現(xiàn)基本差不多,那么可以在一個函數(shù)中進(jìn)行判斷,處理不同的部分,而不需要像上面那樣寫成三個函數(shù),如下:
<script language="JavaScript">
function f(length)
{
var len= arguments.length;
if(1 == len)
{
var width = arguments[1];
alert("高為:"+length+",寬為:"+width);
}
else
{
alert("高為:"+length);
}
}
</srcipt>
復(fù)制代碼 代碼如下:
<script language="JavaScript">
function f(length)
{
alert("高為:"+length);
}
function f(length,width)
{
alert("高為:"+length+",寬為:"+width);
}
</srcipt>
上面那段代碼其實(shí)是行不通的,因?yàn)楹瘮?shù)定義時的參數(shù)個數(shù)和函數(shù)調(diào)用時的參數(shù)個數(shù)沒有任何關(guān)系。 在函數(shù)中可以用f.arguments[0]和f.arguments[1]得到調(diào)用時傳入的第一和第二個參數(shù),所以定義function(length),后面用f(10,10)調(diào)用是沒有問題的。所以在上面這段代碼中,第二個函數(shù)是永遠(yuǎn)不可能被調(diào)用到的,那么,要怎樣才能實(shí)現(xiàn)像函數(shù)重載那樣的功能呢?
那就是在函數(shù)定義中用f.arguments.length判斷一下調(diào)用時傳入的參數(shù)個數(shù)。然后對不同的情況采用不同的處理方式。
如下:
復(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()傳入一個參數(shù)也可以傳入兩個參數(shù)了,比如f(10)和f(10,10);
個人覺得,這樣雖然可以實(shí)現(xiàn)重載,但也不是很好用,我們可以根據(jù)具體情況在一個函數(shù)中實(shí)現(xiàn)重載,如果要重載的兩個函數(shù)相差較大,那就保留兩個函數(shù),而如果兩個函數(shù)的實(shí)現(xiàn)基本差不多,那么可以在一個函數(shù)中進(jìn)行判斷,處理不同的部分,而不需要像上面那樣寫成三個函數(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>
您可能感興趣的文章:
- js 覆蓋和重載 函數(shù)
- js中方法重載如何實(shí)現(xiàn)?以及函數(shù)的參數(shù)問題
- JS函數(shù)重載的解決方案
- 有關(guān)于JS構(gòu)造函數(shù)的重載和工廠方法
- Javascript基礎(chǔ) 函數(shù)“重載” 詳細(xì)介紹
- 詳解JS函數(shù)重載
- 為JavaScript添加重載函數(shù)的輔助方法
- JavaScript中的函數(shù)重載深入理解
- 添加JavaScript重載函數(shù)的輔助方法2
- javascript函數(shù)重載解決方案分享
- 通過實(shí)例理解javascript中沒有函數(shù)重載的概念
- JavaScript函數(shù)重載操作實(shí)例淺析
相關(guān)文章
javascript實(shí)現(xiàn)去除HTML標(biāo)簽的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)去除HTML標(biāo)簽的方法,涉及javascript正則替換相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
Javascript:為input設(shè)置readOnly屬性(示例講解)
本篇文章主要是對Javascript中為input設(shè)置readOnly屬性的示例代碼進(jìn)行了介紹。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12
html5+javascript實(shí)現(xiàn)簡單上傳的注意細(xì)節(jié)
這篇文章主要為大家詳細(xì)介紹了html5+javascript實(shí)現(xiàn)上傳操作的注意細(xì)節(jié),form表單樣式不美觀等細(xì)節(jié)問題,感興趣的小伙伴們可以參考一下2016-04-04
JS+CSS實(shí)現(xiàn)分類動態(tài)選擇及移動功能效果代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)分類動態(tài)選擇及移動功能效果代碼,涉及JavaScript實(shí)現(xiàn)頁面元素動態(tài)變換效果實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
js中查找最近的共有祖先元素的實(shí)現(xiàn)代碼
司徒正美給出的題,也嘗試著寫一下。希望大家多多交流。2010-12-12

