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程序设计有所帮助。
相关文章
最近学到一个有关深拷贝的实现方法,为加深印象,这里给大家分享一下,下面这篇文章主要给大家介绍了关于前端面试的底气之实现一个深拷贝的相关资料,需要的朋友可以参考下2022-05-05
今天小编就为大家分享一篇关于Layui Table隐藏列问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文给大家介绍了JavaScript中的子窗口与父窗口的互相调用问题，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-02-02
一般情况下，使用 “=” 可以实现赋值。但对于数组、对象、函数等这些引用类型的数据，这个符号就不好使了。这篇文章主要介绍了JavaScript 数组的深度复制解析的相关资料,需要的朋友可以参考下2016-11-11
本文主要介绍了详解ajax、fetch、axios的区别，众所周知它们都用来发送请求，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2024-01-01
这篇文章主要介绍了Bootstrap-table表格初始化表格数据的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了JavaScript简单判断复选框是否选中及取出值的方法,涉及javascript遍历复选框及元素取值的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了如何利用JavaScript 实现继承，JavaScript 在编程语言界是个特殊种类，它和其他编程语言很不一样，JavaScript可以在运行的时候动态地改变某个变量的类型,下面小编将继续介绍JavaScript如何实现继承,需要的朋友可以参考下2022-02-02
我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题，请问，以下JS对象通过JSON.stringify后的字符串是怎样的2017-04-04
去除数组重复值的方法有很多，本文整理了四种不同方式，在此与大家分享下，希望对大家有所帮助2013-09-09
最新评论