javascript面向对象之Javascript 继承


Posted in Javascript onMay 04, 2010

上几节讲了 JavaScript 面向对象之命名空间 、 javascript 面向对象的JavaScript类 、 JavaScript 面向对象的之私有成员和公开成员 与 Javascript 面向对象之重载,大家可以先看上面的再继续往下看。

在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数组使用调用方法汇总
Dec 08 Javascript
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
Jan 15 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
jQuery针对各类元素操作基础教程
Aug 29 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
Nov 14 Javascript
JS实现的计数排序与基数排序算法示例
Dec 04 Javascript
vue左右侧联动滚动的实现代码
Jun 06 Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
Sep 11 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
Javascript 面向对象之重载
May 04 #Javascript
JavaScript 面向对象的之私有成员和公开成员
May 04 #Javascript
javascript 面向对象的JavaScript类
May 04 #Javascript
JavaScript 面向对象之命名空间
May 04 #Javascript
10个实用的脚本代码工具
May 04 #Javascript
利用location.hash实现跨域iframe自适应
May 04 #Javascript
Array.prototype 的泛型应用分析
Apr 30 #Javascript
You might like
留言板翻页的实现详解
2006/10/09 PHP
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
PHP简单获取视频预览图的方法
2015/03/12 PHP
php实现httpRequest的方法
2015/03/13 PHP
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
Dojo 学习要点
2010/09/03 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
2011/10/23 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
cdn模式下vue的基本用法详解
2018/10/07 Javascript
简单说说angular.json文件的使用
2018/10/29 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
python 随机数生成的代码的详细分析
2011/05/15 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
python利用正则表达式提取字符串
2016/12/08 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
python判断设备是否联网的方法
2018/06/29 Python
Python设计模式之装饰模式实例详解
2019/01/21 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
python读取xml文件方法解析
2020/08/04 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
酒店管理专业学生求职信
2013/09/27 职场文书
党员干部公开承诺书
2014/03/26 职场文书
食品销售计划书
2014/04/26 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
2015年南京大屠杀纪念日活动总结
2015/03/24 职场文书