Javascript 面向对象 继承


Posted in Javascript onMay 13, 2010

在JavaScript中实现继承可以有多种方法,下面说两种常见的。

一,call 继承,先看代码:

先定义一个“人”类

//人类 
Person=function(){ 
this.name="草泥马"; 
this.eat=function(){ 
alert("我要吃饭"); 
} 
this.sleep=function(){ 
alert("我要睡觉"); 
} 
}

再定义一个学生类,让它继承于Person

//学生类 
Student=function(){ 
Person.call(this);//继承Person类 
this.doHomework=function(){ 
alert("老师来了,作业借我抄下"); 
} 
}

关键看 Person.call(this)这句,其中this代表当前对象,即Student ,这很容易理解,而Person.call(this)的意思是:将Person类的所有的公开成员“附加”给Student类,让Student也具有了Person的所有功能。

和高级语言一样,如果子类中出现了和父类中同名的成员,则会将其覆盖,也就是所谓的“重写”了。

同样的,我们再定义一个女孩类 :

//女孩类 
Girl=function(){ 
Person.call(this);//继承Person类 
this.sex="女"; 
} 
JavaScript是可以实现多重继承的,请看下面的Master(硕士)类,这个Master 自然是个学生,但同时又是个漂亮MM,于是有了下面的代码: 
//硕士类 
Master=function(){ 
Student.call(this);//继承Student类 
Girl.call(this);//继承Girl类 
this.degree="硕士";//学历 
}

我们可以测试一下:

var master=new Master(); 
master.name="凤姐"; 
master.eat(); 
master.doHomework(); 
alert("偶是名字叫:"+master.name); 
alert("偶的性别是:"+master.sex);

多重继承时要注意顺序,如果两个类中有相同名称的成员,那么后一个将覆盖前一个,也就是说当前类只会继承后一个类中的成员。

call 方法继承就说到这,如果大家对call方法不清楚,就请去问问谷歌兄,我就不赘述了,网上转载得不要太多。下面说下另外一种继承方式。

二,prototype 原型继承:

我们再定义一个班长类:

//班长类 
SquadLeader=function (){ 
//打招呼 
this.hi=function(){ 
alert("同学们好,我现在是班长了"); 
} 
}

上面定义了一个硕士类,现在这个硕士被提升为班长了,所以这个Master要继承SquadLeader了,这次我们用prototype 来实现,请看下面代码:

Master.prototype=new SquadLeader();//prototype 属性指向一个对象
//或者
//Master.prototype=SquadLeader.prototype;

这样Master就继承了SquadLeader类,就这么一句话,这里有两种形式,其实原理是一样的。意思是:将SquadLeader的“灵魂”拷贝给了Master,于是从此SquadLeader能做的事,Master都可以做了。
  测试一下:
var master=new Master();
master.hi()//输出“同学们好,我现在是班长了”



我个人比较喜欢用第一种方案(call 继承)来实现继承,所有代码都包在一个“{}”内,一目了然,在书写风格上较之于第二种更接近于C#。prototype 属性我一般用来对已有的类做扩展。

JavaScript是门非常灵活的语言,实现继承可能还有其他更好的方式,大家可以去研究挖掘,我在这就当是抛了块砖头, 希望能引出华美的玉石!

Javascript 相关文章推荐
javascript String 对象
Apr 25 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 Javascript
jQuery中animate用法实例分析
Mar 09 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 Javascript
浅析JS中什么是自定义react数据验证组件
Oct 19 Javascript
ES6 Object属性新的写法实例小结
Jun 25 Javascript
小程序实现侧滑删除功能
Jun 25 Javascript
Javascript 面向对象 重载
May 13 #Javascript
JavaScript 面向对象的 私有成员和公开成员
May 13 #Javascript
限制文本框输入N个字符的js代码
May 13 #Javascript
javascript preload&lazy load
May 13 #Javascript
javascript 当前日期转化为中文的实现代码
May 13 #Javascript
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
May 13 #Javascript
IE8下关于querySelectorAll()的问题
May 13 #Javascript
You might like
利用 window_onload 实现select默认选择
2006/10/09 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
PHP命令空间namespace及use的用法小结
2017/11/27 PHP
PDO::exec讲解
2019/01/28 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
window.onload 加载完毕的问题及解决方案(上)
2009/07/09 Javascript
简单实例处理url特殊符号&处理(2种方法)
2013/04/02 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
JavaScript实现简单评论功能
2017/08/17 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
简单两步使用node发送qq邮件的方法
2019/03/01 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
星球大战与Python之间的那些事
2016/01/07 Python
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
Python Dataframe 指定多列去重、求差集的方法
2018/07/10 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
python实现局域网内实时通信代码
2019/12/22 Python
python下对hsv颜色空间进行量化操作
2020/06/04 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
音乐教师求职信
2014/06/28 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers