Javascript玩转继承(一)
来源: 阅读:1162 次 日期:2014-05-09 14:44:18
温馨提示: 小编为您整理了“Javascript玩转继承(一)”,方便广大网友查阅!

Javascript究竟是一门面向对象的语言,还是一门支持对象的语言,我想每个人都有着自己的看法。那些Javascript忠实的Fans一定讲Javascript是一门面向对象的语言,像《Javascript王者归来》一书中对Javascript的说法是基于原型的面向对象。我谈谈我个人的看法。面向对象的三个特征,继承,多态,封装,Javascript虽然实现起来不像Java,C#等面向对象的语言来得快,但是毕竟也有着一定的支持。因此说Javascript是面向对象的语言是有着一定道理的,但是从继承这个部分来谈,一系列的继承法,但是每个继承法都无法实现真正面向对象语言的威力,因此,说他面向对象有着一定的牵强。综上,我对Javascript的理解,更愿意把它叫做一种简化的面向对象,或者说"伪"面向对象(这个伪字绝无贬义)。

今天就从面向对象这个第一个特征:继承来谈。

什么是继承?这个我不想废话,有一只动物,有一个人,有一个女孩,这个就是一个最简单,也是典型的继承链。

在C#等面向对象中,很容易。

代码如下:

class Animal

{ }

class People:Animal

{ }

class Girl:People

{ }

那么在Javascript中,没有类,没有继承的提供实现,我们该怎么做呢?

对象伪装(构造继承法)

什么是对象伪装呢?我们可能叫做构造继承更容易理解一些。顾名思义,就是用构造函数来玩继承。其实就是说把父类的构造函数当成是一个普通的方法,放到子类的构造函数中去执行,这样的话,当构造对象的时候,子类的对象当然就可以构造父类的方法啦!

还是用上面的那个例子,代码如下:

代码如下:

function Animal()

{

this.Run=function(){alert("I can run");};

}

function People(name)

{

//在这里就是传入了父类的构造方法,然后执行父类的构造方法,这个时候就//可以使用父类中的方法了。

this.father=Animal;

this.father();

//记得要删除,否则在子类添加于父类相同名称的方法时,会修改到父类。

delete this.Father;

this.name=name;

this.Say=function(){alert("My name is "+this.name);}

}

function Girl(name,age)

{

this.father=People;

this.father(name);

delete this.father;

this.age=age;

this.Introduce=function(){alert("My name is "+this.name+".I am "+this.age);};

}

这样的话就实现了一个继承链,测试下:

代码如下:

var a=new Animal();

a.Run();

var p=new People("Windking");

p.Run();

p.Say();

var g=new Girl("Xuan",22);

g.Run();

g.Say();

g.Introduce();

结果如下:

1.jpg

测试成功!

我们来总结一下这段代码的关键,指定父类,声明父类对象,然后删除临时变量,您是否觉得有些麻烦呢?至少我是这么觉得的,一旦忘记了delete,还要承担父类被修改的风险,针对这个,我们对这个用call和apply来改进!

接着看代码,还是上面的例子(为了更加容易大家理解,需求改变一下,Animal有了名字):

复制代码 代码如下:

function Animal(name)

{

this.Run=function(){alert("I can Run");};

}

function People(name)

{

//使用call方法实现继承

this.father=Animal;

this.father.call(this,name);

this.name=name;

this.SayName=function(){alert("My name is "+this.name;);};

}

function Girl(name,age)

{

//使用apply方法来实现继承

this.father=People;

this.father.apply(this,new Array(name));

this.age=age;

this.Introduce=function(){alert("My name is "+this.name+".I am "+this.age);};

}

用一样的测试代码,发现测试一样成功。

如果是新手,可能看后面的这两段代码有些晕晕乎乎,什么是call,什么是apply呢?好,在玩转继承这个专题中,我加入一个增刊系列,如果对这个有不了解,可以看我的这个文章:《玩转方法:call和apply 》。

对象伪装,这只是一种实现继承的方式,在接下来的文章,我会继续写出其他的继承方式以及几种继承方式的优劣,欢迎继续关注。

更多信息请查看IT技术专栏

更多信息请查看网络编程
手机网站地址:Javascript玩转继承(一)
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map