DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js面向對象編程之如何實現方法教程重載
js面向對象編程之如何實現方法教程重載
編輯:關於JavaScript     

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 { //其他的方法 
} 
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved