JScript重載的另類實現(xiàn)
更新時間:2007年01月11日 00:00:00 作者:
JScript并不是面向對象的語言,只是基于對象。它沒有重載這個概念,但通過一些技巧還是有辦法從某種意義上實現(xiàn)重載。
首先定義一個基類TestA,該類重寫了Object繼承下來的toString方法。
注:toString方法是用于序列化對象,比如說alert(a)相當于alert(a.toString());
引用:
function TestA(Name)
{
this.Name = Name;
this.toString = function ()
{
return this.Name;
}
}
接下來我們實現(xiàn)一個TestA類的派生類TestB:
引用:
function TestB()
{
TestA.apply(this, arguments);
}
運行以下代碼可以看出TestB已經(jīng)繼承下TestA的成員:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
現(xiàn)在我們來給TestB添加一個自己的toString方法,但問題是如果定義了TestB的toString,那么TestA繼承下來的toString就被覆蓋了,我的做法是:在重寫之前先保存下TestA的toString為TestB的_TestA_toString,然后在TestB的toString中根據(jù)參數(shù)來判斷要調用_TestA_toString還是TestB自己的toString代碼
引用:
function TestB()
{
TestA.apply(this, arguments);
this._TestA_toString = this.toString; // 保存下TestA的toString
this.toString = function(isTestB)
{
if(isTestB)
{
return "TestB的Name是" + this.Name;
}
else
{
return this._TestA_toString(); // 這里調用TestA的toString,即_TestA_toString
}
}
}
以上的toString不單單是TestB自己的toString,還根據(jù)參數(shù)情況調用了原來的toString,實現(xiàn)了重載。
最終代碼是:
引用:
function TestA(Name)
{
this.Name = Name;
this.toString = function()
{
return this.Name;
}
}
function TestB()
{
TestA.apply(this, arguments);
this._TestA_toString = this.toString; // 保存下TestA的toString
this.toString = function(isTestB)
{
if(isTestB)
{
return "TestB的Name是" + this.Name;
}
else
{
return this._TestA_toString(); // 這里調用TestA的toString,即_TestA_toString
}
}
}
var B = new TestB("泣紅亭");
alert(B);
alert(B.toString(true));
看看運行效果:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>測試代碼</title>
</head>
<body>
<script>
function TestA(Name)
{
this.Name = Name;
this.toString = function()
{
return this.Name;
}
}
function TestB()
{
TestA.apply(this, arguments);
this._TestA_toString = this.toString; // 保存下TestA的toString
this.toString = function(isTestB)
{
if(isTestB)
{
return "TestB的Name是" + this.Name;
}
else
{
return this._TestA_toString(); // 這里調用TestA的toString,即_TestA_toString
}
}
}
var B = new TestB("泣紅亭");
alert(B);
alert(B.toString(true));
</script>
</body>
</html>
提示:您可以先修改部分代碼再運行
運行結果:
引用:
alert(B); // 即alert(B.toString()), 結果是"泣紅亭"
alert(B.toString(true)) // 即isTestB為true,結果是"TestB的Name是泣紅亭"
其實這樣子不算是真正的重載,而是先保存原來的成員為一個副本,然后改寫該成員,在新成員代碼中根據(jù)參數(shù)再判斷是否調用舊成員代碼。
首先定義一個基類TestA,該類重寫了Object繼承下來的toString方法。
注:toString方法是用于序列化對象,比如說alert(a)相當于alert(a.toString());
引用:
function TestA(Name)
{
this.Name = Name;
this.toString = function ()
{
return this.Name;
}
}
接下來我們實現(xiàn)一個TestA類的派生類TestB:
引用:
function TestB()
{
TestA.apply(this, arguments);
}
運行以下代碼可以看出TestB已經(jīng)繼承下TestA的成員:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
現(xiàn)在我們來給TestB添加一個自己的toString方法,但問題是如果定義了TestB的toString,那么TestA繼承下來的toString就被覆蓋了,我的做法是:在重寫之前先保存下TestA的toString為TestB的_TestA_toString,然后在TestB的toString中根據(jù)參數(shù)來判斷要調用_TestA_toString還是TestB自己的toString代碼
引用:
function TestB()
{
TestA.apply(this, arguments);
this._TestA_toString = this.toString; // 保存下TestA的toString
this.toString = function(isTestB)
{
if(isTestB)
{
return "TestB的Name是" + this.Name;
}
else
{
return this._TestA_toString(); // 這里調用TestA的toString,即_TestA_toString
}
}
}
以上的toString不單單是TestB自己的toString,還根據(jù)參數(shù)情況調用了原來的toString,實現(xiàn)了重載。
最終代碼是:
引用:
function TestA(Name)
{
this.Name = Name;
this.toString = function()
{
return this.Name;
}
}
function TestB()
{
TestA.apply(this, arguments);
this._TestA_toString = this.toString; // 保存下TestA的toString
this.toString = function(isTestB)
{
if(isTestB)
{
return "TestB的Name是" + this.Name;
}
else
{
return this._TestA_toString(); // 這里調用TestA的toString,即_TestA_toString
}
}
}
var B = new TestB("泣紅亭");
alert(B);
alert(B.toString(true));
看看運行效果:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>測試代碼</title>
</head>
<body>
<script>
function TestA(Name)
{
this.Name = Name;
this.toString = function()
{
return this.Name;
}
}
function TestB()
{
TestA.apply(this, arguments);
this._TestA_toString = this.toString; // 保存下TestA的toString
this.toString = function(isTestB)
{
if(isTestB)
{
return "TestB的Name是" + this.Name;
}
else
{
return this._TestA_toString(); // 這里調用TestA的toString,即_TestA_toString
}
}
}
var B = new TestB("泣紅亭");
alert(B);
alert(B.toString(true));
</script>
</body>
</html>
提示:您可以先修改部分代碼再運行
運行結果:
引用:
alert(B); // 即alert(B.toString()), 結果是"泣紅亭"
alert(B.toString(true)) // 即isTestB為true,結果是"TestB的Name是泣紅亭"
其實這樣子不算是真正的重載,而是先保存原來的成員為一個副本,然后改寫該成員,在新成員代碼中根據(jù)參數(shù)再判斷是否調用舊成員代碼。
相關文章
基于bootstrap實現(xiàn)bootstrap中文網(wǎng)巨幕效果
這篇文章主要介紹了基于bootstrap實現(xiàn)bootstrap中文網(wǎng)巨幕效果,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-05-05javascript 產(chǎn)生隨機數(shù)的幾種方法總結
這篇文章主要介紹了javascript 產(chǎn)生隨機數(shù)的幾種方法總結的相關資料,希望通過本文大家能夠掌握如何實現(xiàn)這樣的方法,需要的朋友可以參考下2017-09-09BootStrap Datepicker 插件修改為默認中文的實現(xiàn)方法
bootstrap-datepicker 是一個非常優(yōu)秀的時間選擇插件,默認是英文顯示日期的,通過下面幾個小修改讓其支持默認中文。下面通過本文給大家介紹BootStrap Datepicker 插件修改為默認中文的實現(xiàn)方法,一起看看吧2017-02-02(JS實現(xiàn))MapBar中坐標的加密和解密的腳本
(JS實現(xiàn))MapBar中坐標的加密和解密的腳本...2007-05-05