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

作者:Jimmy.Yang 时间:2024-04-19 09:50:42 

本文讲述了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,面向对象,继承
0
投稿

猜你喜欢

  • Python3 Tkinter选择路径功能的实现方法

    2022-03-12 19:39:28
  • python解析.pyd文件的详细代码

    2022-08-04 22:16:45
  • keras 特征图可视化实例(中间层)

    2021-12-05 22:54:46
  • Python文件读写及常用文件的打开方式

    2023-04-21 10:50:38
  • 手把手教你用python绘制热度图(heatmap)

    2023-07-01 21:03:03
  • Django Form常用功能及代码示例

    2021-11-22 16:45:53
  • python绘制堆叠条形图介绍

    2021-07-01 23:12:36
  • python调用DLL与EXE文件截屏对比分析

    2022-06-01 08:19:15
  • golang执行命令操作 exec.Command

    2024-04-26 17:31:20
  • Python使用win32 COM实现Excel的写入与保存功能示例

    2021-03-30 11:28:50
  • Python seaborn数据可视化绘图(直方图,密度图,散点图)

    2023-01-11 11:35:08
  • Python ConfigParser模块的使用示例

    2023-12-02 03:35:15
  • Python入门及进阶笔记 Python 内置函数小结

    2021-09-30 10:15:52
  • Python 从subprocess运行的子进程中实时获取输出的例子

    2023-12-24 18:31:10
  • Python机器学习之scikit-learn库中KNN算法的封装与使用方法

    2021-04-05 15:32:40
  • 在Python的web框架中中编写日志列表的教程

    2021-11-06 05:15:29
  • 用python实现的线程池实例代码

    2023-11-06 23:04:54
  • element-ui表格数据转换的示例代码

    2023-07-02 17:00:23
  • 对IPython交互模式下的退出方法详解

    2021-08-04 10:03:11
  • M2实现Nodejs项目自动部署的方法步骤

    2024-05-13 10:05:21
  • asp之家 网络编程 m.aspxhome.com