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 { //其他的方法 } }