当前位置:Gxlcms > JavaScript > JScript重载的另类实现_javascript技巧

JScript重载的另类实现_javascript技巧

时间:2021-07-01 10:21:17 帮助过:27人阅读

JScript并不是面向对象的语言,只是基于对象。它没有重载这个概念,但通过一些技巧还是有办法从某种意义上实现重载。

首先定义一个基类TestA,该类重写了Object继承下来的toString方法。

注:toString方法是用于序列化对象,比如说alert(a)相当于alert(a.toString());


引用:
function TestA(Name)
{
this.Name = Name;
this.toString = function ()
{
return this.Name;
}
}

接下来我们实现一个TestA类的派生类TestB:
引用:
function TestB()
{
TestA.apply(this, arguments);
}

运行以下代码可以看出TestB已经继承下TestA的成员:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


现在我们来给TestB添加一个自己的toString方法,但问题是如果定义了TestB的toString,那么TestA继承下来的toString就被覆盖了,我的做法是:在重写之前先保存下TestA的toString为TestB的_TestA_toString,然后在TestB的toString中根据参数来判断要调用_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,还根据参数情况调用了原来的toString,实现了重载。

最终代码是:


引用:
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));

看看运行效果:




测试代码