Javascript简单实现面向对象编程继承实例代码


Posted in Javascript onNovember 27, 2015

本文讲述了Javascript简单实现面向对象编程继承实例代码。分享给大家供大家参考,具体如下:

面向对象的语言必须具备四个基本特征:

1.封装能力(即允许将基本数据类型的变量或函数放到一个类里,形成类的成员或方法)
2.聚合能力(即允许类里面再包含类,这样可以应付足够复杂的设计)
3.支持继承(父类可以派生出子类,子类拥有父母的属性或方法)
4.支持多态(允许同样的方法名,根据方法签名[即函数的参数]不同,有各自独立的处理方法)

这四个基本属性,javascript都可以支持,所以javascript确实是一种弱类型的面向对象的语言,这里给出一个简单的类继承的代码

<script type="text/javascript">
//父类ClassA
function ClassA(sColor) {
  this.color = sColor;
  this.sayColor = function () {
    document.write("Color:" + this.color + "<br/>");
  };
}
//子类ClassB,继承自ClassA
function ClassB(sColor,sName){  
  ClassA.call(this,sColor);//利用call函数,将ClassA的所有方法都赋给ClassB,即实现了继承
  this.name = sName;
  this.sayName = function(){
    document.write("Name:" + this.name + "<br/>");
  }
}
var oClassA = new ClassA("Red");
oClassA.sayColor();
var oClassB = new ClassB("Blue","Jimmy.Yang");
oClassB.sayColor();//这里sayColor方法是从ClassA继承来的
oClassB.sayName();//这是ClassB中的新方法
/*
call函数的演示示例
function sayColor(sPrefix, sSuffix) {
alert(sPrefix + this.color + sSuffix);
};
var obj = new Object();
sayColor.call(obj, "The color is ", ", a very nice color indeed. ");
*/
</script>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript权威指南 学习笔记之null和undefined
Sep 25 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
js/jquery判断浏览器类型的方法小结
May 12 Javascript
jquery分割字符串的方法
Jun 24 Javascript
javascript数组去重的六种方法汇总
Aug 16 Javascript
Javascript中的数据类型之旅
Oct 18 Javascript
分享几种比较简单实用的JavaScript tabel切换
Dec 31 Javascript
实用又漂亮的BootstrapValidator表单验证插件
May 30 Javascript
Vue前端项目部署IIS的实现
Jan 06 Javascript
使用typescript改造koa开发框架的实现
Feb 04 Javascript
JS实现随机点名器
Apr 12 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 #Javascript
JS实现的仿淘宝交易倒计时效果
Nov 27 #Javascript
谈谈jQuery Ajax用法详解
Nov 27 #Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
Nov 26 #Javascript
基于jquery实现全屏滚动效果
Nov 26 #Javascript
javascript给span标签赋值的方法
Nov 26 #Javascript
谈谈javascript中使用连等赋值操作带来的问题
Nov 26 #Javascript
You might like
php FPDF类库应用实现代码
2009/03/20 PHP
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
JQERY limittext 插件0.2版(长内容限制显示)
2010/08/27 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
JQuery判断HTML元素是否存在的两种解决方法
2013/12/26 Javascript
JSON字符串转JSON对象
2015/07/31 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
2016/04/01 Javascript
基于node实现websocket协议
2016/04/25 Javascript
Javascript中apply、call、bind的巧妙使用
2016/08/18 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
JS实现的简单表单验证功能示例
2017/10/13 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
2019/04/08 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
微信小程序自定义多列选择器使用详解
2019/06/21 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
[00:52]DOTA2齐天大圣预告片
2016/08/13 DOTA
Python中的引用和拷贝浅析
2014/11/22 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
anaconda如何查看并管理python环境
2019/07/05 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
Django接收自定义http header过程详解
2019/08/23 Python
大学生简历中个人的自我评价
2013/10/06 职场文书
高职教师岗位职责
2013/12/24 职场文书
人力资源部培训专员岗位职责
2014/01/02 职场文书
小松树教学反思
2014/02/11 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
通知范文怎么写
2015/04/16 职场文书
预备党员介绍人意见
2015/06/01 职场文书
导游词之西递宏村
2019/12/10 职场文书
python双向链表实例详解
2022/05/25 Python