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