如何實現(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ù)定義時的參數(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)用到的,那么,要怎樣才能實現(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);
個人覺得,這樣雖然可以實現(xiàn)重載,但也不是很好用,我們可以根據(jù)具體情況在一個函數(shù)中實現(xiàn)重載,如果要重載的兩個函數(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ù)定義時的參數(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)用到的,那么,要怎樣才能實現(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);
個人覺得,這樣雖然可以實現(xiàn)重載,但也不是很好用,我們可以根據(jù)具體情況在一個函數(shù)中實現(xiàn)重載,如果要重載的兩個函數(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中方法重載如何實現(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ù)重載解決方案分享
- 通過實例理解javascript中沒有函數(shù)重載的概念
- JavaScript函數(shù)重載操作實例淺析
相關(guān)文章
uni.getLocation和wx.getLocation方法調(diào)用無效也不返回失敗的解決方案
這篇文章主要給大家介紹了關(guān)于uni.getLocation和wx.getLocation方法調(diào)用無效也不返回失敗的解決方案,文中通過實例代碼以及圖文介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-04-04bootstrap時間控件daterangepicker使用方法及各種小bug修復(fù)
這篇文章主要介紹了bootstrap時間控件daterangepicker使用方法,及各種小bug修復(fù),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10手把手教你實現(xiàn)一個JavaScript時間軸組件
本文主要是給大家?guī)硪粋€時間軸的組件開發(fā)教程,其主要功能就是可以拖動時間軸來定位當(dāng)前時間,可以通過鼠標(biāo)滾輪來修改當(dāng)前時間分辨率,需要的可以參考一下2022-10-10JavaScript解析任意形式的json樹型結(jié)構(gòu)展示
這篇文章主要介紹了JavaScript解析任意形式的json樹型結(jié)構(gòu)展示的相關(guān)資料,需要的朋友可以參考下2017-07-07Js中parentNode,parentElement,childNodes,children之間的區(qū)別
這篇文章主要是對Js中parentNode,parentElement,childNodes,children的區(qū)別進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11