Javascript简单实现面向对象编程继承实例代码
更新时间：2015年11月27日 09:46:15 作者：Jimmy.Yang
这篇文章主要介绍了Javascript简单实现面向对象编程继承实例代码,简单分析了面向对象程序设计的特征与继承的具体实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文讲述了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程序设计有所帮助。
相关文章
弹出div显示遮罩层的效果，想必大家都有见到过吧，下面有个示例，大家可以参考下2014-02-02
antd-mobile ListView长列表的数据更新遇到的坑
这篇文章主要介绍了antd-mobile ListView长列表的数据更新遇到的坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
layui技巧：下拉框未展示问题;下拉框的onchange事件处理;关闭弹出层,重新加载父页面;父页面如何传递参数给弹出层的iframe页面;表单元素处于禁用状态;表单提交如何获取表单元素值集合;数据表格固定列;带搜索的下拉框;表单提交阻止页面跳转;父页面和子窗口传递值2024-07-07
RequireJS由James Burke创建，他也是AMD规范的创始人。大家知道我们为什么要学习requirejs吗？带着这个疑问来学习本篇文章吧，感兴趣的朋友一起学习RequireJS入门一之实现第一个例子吧2015-09-09
网页进度条能够更好的反应当前网页的加载进度情况，loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程。代码简单易懂，效果非常好，需要的一起学习学习吧2015-09-09
节流和防抖这里两个词可能对一些初入JavaScript的同学比较陌生,下面这篇文章主要给大家介绍了关于js防抖具体实现以及详细原理步骤的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了解决页面js接受Long型损失精度问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-03-03
这篇文章主要为大家介绍了uniapp @click事件冒泡问题解决示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
根据身份证号码识别性别年龄生日，目前就有一个这样的需求，那么接下来为大家介绍下使用js是如何实现的，感兴趣的朋友不要错过2013-11-11
这篇文章主要介绍了js绘制圆形和矩形的方法,涉及javascript鼠标事件及页面元素样式的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
最新评论