js面向?qū)ο缶幊讨绾螌崿F(xiàn)方法重載

更新時間：2014年07月02日 15:38:53 投稿：whsnow

如何實現(xiàn)方法重載，涉及到三個問題：同名函數(shù)的調(diào)用、函數(shù)中特殊的參數(shù)arguments、如何利用arguments實現(xiàn)方法重載,需要的朋友可以參考下

js中如何實現(xiàn)方法重載？這涉及到三個問題

1.同名函數(shù)的調(diào)用問題

2.函數(shù)中特殊的參數(shù)arguments

3.如何利用arguments實現(xiàn)方法重載

1、同名函數(shù)的調(diào)用問題

都知道在js中如果存在多個名稱相同的函數(shù)，則調(diào)用實際每次都只使用最后一個，js其實是沒有重載的，也就是說，如果定義了多個同名的函數(shù)，單參數(shù)不一樣，在調(diào)用時，js不管參數(shù)個數(shù)，只管前后順序

例如：

function test1(arg1) 
{ 
alert("參數(shù)1："+arg1); 
} 
function test1(arg1,arg2,arg3) 
{ 
alert("參數(shù)1："+arg1+"參數(shù)2："+arg2+"參數(shù)3："+arg3); 

} 
//測試代碼 
function test(){ 
test1("1") 
}

雖然我們調(diào)用的是test1("1")，傳遞了一個參數(shù)，但實際調(diào)用的卻是test1(arg1,arg2,arg3)，并沒有因為我們傳遞了一個參數(shù)，而調(diào)用只有一個參數(shù)的方法。

2、函數(shù)中特殊的參數(shù)arguments

如果我們使用如下的代碼

function test1(arg1,arg2,arg3) 
{ 
alert("參數(shù)1："+arg1+"參數(shù)2："+arg2+"參數(shù)3："+arg3); 

} 
function test1(arg1) 
{ 
alert("參數(shù)1："+arg1); 
} 
//測試代碼 
function test(){ 
test1("1"，"2") 
}

我們知道調(diào)用的始終是test1(arg1)，也就是只有一個參數(shù)的函數(shù)，但如何獲取傳遞的其他參數(shù)呢？

這就要用到函數(shù)中特殊的參數(shù)arguments，arguments包含了所有傳遞給函數(shù)的參數(shù)

function test1() 
{ 
var text=""; 
for(var i=0;i<arguments.length;i++){ 
text+="參數(shù)"+i+":"+arguments[i]; 
} 
alert(text); 
} 
//測試代碼 
function test(){ 
test1("1"); 
test1("1"，"2"); 
test1("1"，"2","3"); 
}

經(jīng)過測試發(fā)現(xiàn)，arguments包含了傳遞給函數(shù)的所有參數(shù)，并且arguments.length根據(jù)實際傳遞參數(shù)的個數(shù)的不同而不同，arguments.length代表了實際傳遞給函數(shù)參數(shù)的個數(shù)。

3、如何在js中實現(xiàn)函數(shù)的重載？

經(jīng)過以上的測試發(fā)現(xiàn)，在js中不能直接實現(xiàn)函數(shù)的重載，但有沒有辦法實現(xiàn)類似重載效果的方法呢？

可以，主要就是利用arguments

例如：

function test1() 
{ 
var text=""; 
if(arguments.length==1) 
{ 
//調(diào)用一個參數(shù)的方法 
} 
else if(arguments.length==2) 
{ 
//調(diào)用兩個參數(shù)的方法 
} 
else { //其他的方法 
} 
}

您可能感興趣的文章: