javascript中最常用的继承模式 组合继承


Posted in Javascript onAugust 12, 2010
<script type="text/javascript"> 
//创建基类 
function Person(name, age) { 
this.name = name; 
this.age = age; 
} 
//通过原型方式给基类添加函数(这样可以服用此函数) 
Person.prototype.showName = function () { 
alert(this.name); 
} 
//创建子类 
function Student(name, age, score) { 
this.score = score; 
Person.call(this,name,age); 
} 
//把父类的实例赋值给子类的原型 
Student.prototype = new Person(); 
//通过原型方式给子类添加函数(这样可以服用此函数) 
Student.prototype.showScore = function () { 
alert(this.score); 
} //以下为使用 
var student = new Student("zhangsan", 22, 100); 
student.showName(); 
student.showScore(); 
var stu = new Student("lisi", 25, 200); 
stu.showName(); 
stu.showScore(); 
</script>
Javascript 相关文章推荐
jQuery中replaceWith()方法用法实例
Dec 25 Javascript
Angular用来控制元素的展示与否的原生指令介绍
Jan 07 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
Dec 20 Javascript
JS中SetTimeout和SetInterval使用初探
Mar 23 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
用js实现before和after伪类的样式修改的示例代码
Sep 07 Javascript
Vue中 key keep-alive的实现原理
Sep 18 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
Javascript之datagrid查询详解
Sep 15 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 #Javascript
Javascript倒计时代码
Aug 12 #Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 #Javascript
JavaScript 通过模式匹配实现重载
Aug 12 #Javascript
js更优雅的兼容
Aug 12 #Javascript
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 #Javascript
javascript闭包的理解和实例
Aug 12 #Javascript
You might like
PHP daddslashes 使用方法介绍
2012/10/26 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
PDO操作MySQL的基础教程(推荐)
2017/08/18 PHP
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
很好用的js日历算法详细代码
2013/03/07 Javascript
浅谈JavaScript中Date(日期对象),Math对象
2015/02/05 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
2016/02/15 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
jquery实现动态改变css样式的方法分析
2019/05/27 jQuery
javascript 构建模块化开发过程解析
2019/09/11 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
JavaScript Event Loop相关原理解析
2020/06/10 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
基于python select.select模块通信的实例讲解
2017/09/21 Python
学习python可以干什么
2019/02/26 Python
详解Python学习之安装pandas
2019/04/16 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
python中return的返回和执行实例
2019/12/24 Python
python输出数学符号实例
2020/05/11 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
原生canvas制作画图小工具的踩坑和爬坑
2020/06/09 HTML / CSS
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
信息与计算科学专业推荐信
2014/02/23 职场文书
读书之星事迹材料
2014/05/12 职场文书
小学红领巾广播稿(3篇)
2014/09/13 职场文书
2015大学迎新晚会主持词
2015/07/16 职场文书
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python
如何通过cmd 连接阿里云服务器
2022/04/18 Servers