如何實(shí)現(xiàn)JS函數(shù)的重載
<script language="JavaScript">
function f(length)
{
alert("高為:"+length);
}
function f(length,width)
{
alert("高為:"+length+",寬為:"+width);
}
</srcipt>
上面那段代碼其實(shí)是行不通的,因?yàn)楹瘮?shù)定義時(shí)的參數(shù)個(gè)數(shù)和函數(shù)調(diào)用時(shí)的參數(shù)個(gè)數(shù)沒(méi)有任何關(guān)系。 在函數(shù)中可以用f.arguments[0]和f.arguments[1]得到調(diào)用時(shí)傳入的第一和第二個(gè)參數(shù),所以定義function(length),后面用f(10,10)調(diào)用是沒(méi)有問(wèn)題的。所以在上面這段代碼中,第二個(gè)函數(shù)是永遠(yuǎn)不可能被調(diào)用到的,那么,要怎樣才能實(shí)現(xiàn)像函數(shù)重載那樣的功能呢?
那就是在函數(shù)定義中用f.arguments.length判斷一下調(diào)用時(shí)傳入的參數(shù)個(gè)數(shù)。然后對(duì)不同的情況采用不同的處理方式。
如下:
<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()傳入一個(gè)參數(shù)也可以傳入兩個(gè)參數(shù)了,比如f(10)和f(10,10);
個(gè)人覺(jué)得,這樣雖然可以實(shí)現(xiàn)重載,但也不是很好用,我們可以根據(jù)具體情況在一個(gè)函數(shù)中實(shí)現(xiàn)重載,如果要重載的兩個(gè)函數(shù)相差較大,那就保留兩個(gè)函數(shù),而如果兩個(gè)函數(shù)的實(shí)現(xiàn)基本差不多,那么可以在一個(gè)函數(shù)中進(jìn)行判斷,處理不同的部分,而不需要像上面那樣寫(xiě)成三個(gè)函數(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>
- js 覆蓋和重載 函數(shù)
- js中方法重載如何實(shí)現(xiàn)?以及函數(shù)的參數(shù)問(wèn)題
- JS函數(shù)重載的解決方案
- 有關(guān)于JS構(gòu)造函數(shù)的重載和工廠方法
- Javascript基礎(chǔ) 函數(shù)“重載” 詳細(xì)介紹
- 詳解JS函數(shù)重載
- 為JavaScript添加重載函數(shù)的輔助方法
- JavaScript中的函數(shù)重載深入理解
- 添加JavaScript重載函數(shù)的輔助方法2
- javascript函數(shù)重載解決方案分享
- 通過(guò)實(shí)例理解javascript中沒(méi)有函數(shù)重載的概念
- JavaScript函數(shù)重載操作實(shí)例淺析
相關(guān)文章
JavaScript實(shí)現(xiàn)頁(yè)面無(wú)縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)頁(yè)面無(wú)縫滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
微信小程序?qū)崿F(xiàn)手勢(shì)滑動(dòng)卡片效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手勢(shì)滑動(dòng)卡片效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-08-08
uni.getLocation和wx.getLocation方法調(diào)用無(wú)效也不返回失敗的解決方案
這篇文章主要給大家介紹了關(guān)于uni.getLocation和wx.getLocation方法調(diào)用無(wú)效也不返回失敗的解決方案,文中通過(guò)實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-04-04
bootstrap時(shí)間控件daterangepicker使用方法及各種小bug修復(fù)
這篇文章主要介紹了bootstrap時(shí)間控件daterangepicker使用方法,及各種小bug修復(fù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
手把手教你實(shí)現(xiàn)一個(gè)JavaScript時(shí)間軸組件
本文主要是給大家?guī)?lái)一個(gè)時(shí)間軸的組件開(kāi)發(fā)教程,其主要功能就是可以拖動(dòng)時(shí)間軸來(lái)定位當(dāng)前時(shí)間,可以通過(guò)鼠標(biāo)滾輪來(lái)修改當(dāng)前時(shí)間分辨率,需要的可以參考一下2022-10-10
JavaScript解析任意形式的json樹(shù)型結(jié)構(gòu)展示
這篇文章主要介紹了JavaScript解析任意形式的json樹(shù)型結(jié)構(gòu)展示的相關(guān)資料,需要的朋友可以參考下2017-07-07
Js中parentNode,parentElement,childNodes,children之間的區(qū)別
這篇文章主要是對(duì)Js中parentNode,parentElement,childNodes,children的區(qū)別進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11
bootstrap table 多選框分頁(yè)保留示例代碼
在使用bootstrap table的復(fù)選框功能的時(shí)候,由于采用服務(wù)端分頁(yè),當(dāng)在第一頁(yè)選擇了某些數(shù)據(jù),然后點(diǎn)擊第二頁(yè)選擇一些數(shù)據(jù),再次點(diǎn)回第一頁(yè),發(fā)現(xiàn)原先選擇的數(shù)據(jù)已經(jīng)清空了,原來(lái)的多選框并不支持翻頁(yè)保留多選數(shù)據(jù),怎么解決呢,下面小編給大家分享下解決思路2017-03-03

