<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--
//展現結果 function showResult(result) { var showDiv = document.getElementById('result'); showDiv.innerHTML = ''; showDiv.innerHTML = result; }; //展現結果2 function showResult2(result) { var showDiv = document.getElementById('result2'); showDiv.innerHTML = ''; showDiv.innerHTML = result; }; //展現結果3 function showResult3(result) { var showDiv = document.getElementById('result3'); showDiv.innerHTML = ''; showDiv.innerHTML = result; }; //測試同名方法 function testFun() { showResult('this is a function named /'testFun/' with no arguments.'); }; function testFun(arg) { showResult('this is a function named /'testFun/' with one argument,the argument is '+arg); }; //2th測試,交換兩個函數的順序 //測試同名方法 function testFun2(arg) { showResult2('this is a function named /'testFun2/' with one argument,the argument is '+arg); }; function testFun2() { showResult2('this is a function named /'testFun2/' with no arguments.'); }; //3th測試,測試覆蓋,同名同參數 function testFun3() { showResult3('this is a function named /'testFun3/' first.'); }; function testFun3() { showResult3('this is a function named /'testFun3/' second.'); }; //--> </SCRIPT> <BODY> <div> <input type='button' onclick='testFun();' value='function with no arguments'/></br> <input type='button' onclick="testFun('test');" value='function with one argument test'/> </div> <div id="result"></div> <hr>2th test <hr> <div> <input type='button' onclick='testFun2();' value='function with no arguments'/></br> <input type='button' onclick="testFun2('test');" value='function with one argument test'/> </div> <div id="result2"></div> <hr>3th test <hr> <div> <input type='button' onclick='testFun3();' value='test function share the same name and arguments.'/></br> </div> <div id="result3"></div> </BODY> </HTML>
首先按名為 function with no arguments 的按鈕
頁面的結果為 this is a function named 'testFun' with one argument,the argument is undefined 然后按名為 function with one argument test 的按鈕 頁面的結果為 this is a function named 'testFun' with one argument,the argument is test 然后按名為 function with no arguments 的按鈕 頁面的結果為 this is a function named 'testFun2' with no arguments. 然后按名為 function with one argument test 的按鈕 頁面的結果為 this is a function named 'testFun2' with no arguments.
從以上的測試中我們發現我們只是點換了兩個函數的定義順序,結果大不相同。 從上面的測試中我們可以得出結論: 重載的話,只要函數定義在下面就會覆蓋上面的函數定義。 好了,接下來看覆蓋。 按名為 test function share the same name and arguments. 的按鈕
頁面的結果為 this is a function named 'testFun3' second. 測試結果很明顯,結論也是和上面相同的。 最終,我們得出結論: 方法重名,JS會以最后定義的函數作為函數體。當然這不包括JS中的繼承中的覆蓋。 歡迎拍磚