|
|
重載指兩個(gè)或多個(gè)函數(shù)的參數(shù)類型，順序和數(shù)量以及返回值不一樣。
覆蓋指兩個(gè)或多個(gè)函數(shù)的參數(shù)類型，順序和數(shù)量以及返回值完全一樣。
那Javascript真的有這種特性么？
回答是JS中函數(shù)重名只會(huì)采用最后一個(gè)定義。
首先來看下下面的代碼
復(fù)制代碼 代碼如下:
<!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">
<!--
//展現(xiàn)結(jié)果
function showResult(result) {
var showDiv = document.getElementById('result');
showDiv.innerHTML = '';
showDiv.innerHTML = result;
};
//展現(xiàn)結(jié)果2
function showResult2(result) {
var showDiv = document.getElementById('result2');
showDiv.innerHTML = '';
showDiv.innerHTML = result;
};
//展現(xiàn)結(jié)果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測試，交換兩個(gè)函數(shù)的順序
//測試同名方法
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測試，測試覆蓋，同名同參數(shù)
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 的按鈕
頁面的結(jié)果為 this is a function named 'testFun' with one argument,the argument is undefined
然后按名為 function with one argument test 的按鈕
頁面的結(jié)果為 this is a function named 'testFun' with one argument,the argument is test
然后按名為 function with no arguments 的按鈕
頁面的結(jié)果為 this is a function named 'testFun2' with no arguments.
然后按名為 function with one argument test 的按鈕
頁面的結(jié)果為 this is a function named 'testFun2' with no arguments.
從以上的測試中我們發(fā)現(xiàn)我們只是點(diǎn)換了兩個(gè)函數(shù)的定義順序，結(jié)果大不相同。
從上面的測試中我們可以得出結(jié)論： 重載的話，只要函數(shù)定義在下面就會(huì)覆蓋上面的函數(shù)定義。
好了，接下來看覆蓋。
按名為 test function share the same name and arguments. 的按鈕
頁面的結(jié)果為 this is a function named 'testFun3' second.
測試結(jié)果很明顯，結(jié)論也是和上面相同的。
最終，我們得出結(jié)論：
方法重名，JS會(huì)以最后定義的函數(shù)作為函數(shù)體。當(dāng)然這不包括JS中的繼承中的覆蓋。
歡迎拍磚
JavaScript技術(shù)：js 覆蓋和重載 函數(shù)，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
