首頁  >  文章  >  web前端  >  js物件導向程式設計如何實作方法重載_javascript技巧

js物件導向程式設計如何實作方法重載_javascript技巧

WBOY
WBOY原創
2016-05-16 16:42:481348瀏覽

js中如何實作方法重載?這牽涉到三個問題

1.同名函數的呼叫問題

2.函數中特殊的參數arguments

3.如何利用arguments實作方法重載

1、同名函數的呼叫問題

都知道在js中如果存在多個名稱相同的函數,則呼叫實際每次都只使用最後一個,js其實是沒有重載的,也就是說,如果定義了多個同名的函數,單參數不一樣,在呼叫時,js不管參數個數,只管前後順序

例如:

function test1(arg1) 
{ 
alert("参数1:"+arg1); 
} 
function test1(arg1,arg2,arg3) 
{ 
alert("参数1:"+arg1+"参数2:"+arg2+"参数3:"+arg3); 

} 
//测试代码 
function test(){ 
test1("1") 
}

 雖然我們呼叫的是test1("1"),傳遞了一個參數,但實際調用的卻是test1(arg1,arg2,arg3),並沒有因為我們傳遞了一個參數,而調用只有一個參數的方法。

2、函數中特殊的參數arguments

如果我們使用以下的程式碼

function test1(arg1,arg2,arg3) 
{ 
alert("参数1:"+arg1+"参数2:"+arg2+"参数3:"+arg3); 

} 
function test1(arg1) 
{ 
alert("参数1:"+arg1); 
} 
//测试代码 
function test(){ 
test1("1","2") 
}

我們知道呼叫的始終是test1(arg1),也就是只有一個參數的函數,但如何取得傳遞的其他參數呢?

這就要用到函數中特殊的參數arguments,arguments包含了所有傳遞給函數的參數

function test1() 
{ 
var text=""; 
for(var i=0;i<arguments.length;i++){ 
text+="参数"+i+":"+arguments[i]; 
} 
alert(text); 
} 
//测试代码 
function test(){ 
test1("1"); 
test1("1","2"); 
test1("1","2","3"); 
}

經過測試發現,arguments包含了傳遞給函數的所有參數,並且arguments.length根據實際傳遞參數的個數的不同而不同,arguments.length代表了實際傳遞給函數參數的個數。

3、如何在js中實作函數的重載?

經過以上的測試發現,在js中不能直接實作函數的重載,但有沒有辦法實現類似重載效果的方法呢?

可以,主要就是利用arguments

例如:

function test1() 
{ 
var text=""; 
if(arguments.length==1) 
{ 
//调用一个参数的方法 
} 
else if(arguments.length==2) 
{ 
//调用两个参数的方法 
} 
else { //其他的方法 
} 
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn