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

前端技术 2023/09/02 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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/5367

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案