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 相关文章推荐
纯js网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
浅谈node.js 命令行工具(cli)
May 10 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
详解es6新增数组方法简便了哪些操作
May 09 Javascript
在Vue中使用HOC模式的实现
Aug 23 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&amp;&amp;mysql)二
2006/10/09 PHP
Look And Say 序列php实现代码
2011/05/22 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
PHP fastcgi模式上传大文件(大约有300多K)报错
2014/09/28 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
EXT中xtype的含义分析
2010/01/07 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
基于jQuery的可用于选项卡及幻灯的切换插件
2011/03/28 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
2013/08/01 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
AngularJS 作用域详解及示例代码
2016/08/17 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
slideToggle+slideup实现手机端折叠菜单效果
2017/05/25 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
python生成1行四列全2矩阵的方法
2018/08/04 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
Python切图九宫格的实现方法
2019/10/10 Python
利用CSS3的checked伪类实现OL的隐藏显示的方法
2010/12/18 HTML / CSS
.NET面试题:什么是值类型和引用类型
2016/01/12 面试题
医院学雷锋活动策划方案
2014/02/15 职场文书
应届生自荐信范文
2014/02/21 职场文书
企业员工薪酬方案
2014/06/04 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
大学生创业事迹材料
2014/12/30 职场文书
三好学生主要事迹材料
2015/11/03 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
2019最新激励员工口号大全!
2019/06/28 职场文书