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