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和CSS速查手册
Aug 20 Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
js如何实现淡入淡出效果
Nov 18 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
Jul 17 Javascript
详解使用React进行组件库开发
Feb 06 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
JS实现贪吃蛇游戏
Nov 15 Javascript
js+html+css实现手动轮播和自动轮播
Dec 30 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
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
php定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
YII Framework框架教程之使用YIIC快速创建YII应用详解
2016/03/15 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
使两个iframe的高度与内容自适应,且相等
2006/11/20 Javascript
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
JavaScript开发时的五个注意事项
2007/12/08 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
基于jquery实现的省市区级联无ajax
2013/09/24 Javascript
轮播的简单实现方法
2016/07/28 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
2016/11/02 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
pymssql ntext字段调用问题解决方法
2008/12/17 Python
python抓取网页图片并放到指定文件夹
2014/04/24 Python
跟老齐学Python之做一个小游戏
2014/09/28 Python
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
某公司面试题
2012/03/05 面试题
房地产销售计划书
2014/01/10 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
2019大学生实习报告
2019/06/21 职场文书
python中__slots__节约内存的具体做法
2021/07/04 Python
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android