javascript面向对象三大特征之多态实例详解

本文实例讲述了javascript面向对象三大特征之多态。分享给大家供大家参考,具体如下:

　　

从某种意义上来说,多态是面向对象中重要的一部分,也是实施继承的主要目的。

　　

一个实例可以拥有多个类型,它既可以是这种类型,也可以是那种类型,这种多种状态被称为类的多态。

　　

多态的表现形式很多,其中继承和重载都是多态的表现形式。

　　 　　

——整理自《jQuery开发从入门到精通》

　　

<强>继承

　　

继承本身是多态的一种实现。详情请参考前面一篇:https://www.jb51.net/article/166097.htm

　　

<强>重载

　　

重载也是多态的一种体现。重载就是同名方法的多个实现。依靠参数的类型和参数的个数来区分和识别。在js中,函数的参数是没有类型的,并且参数的个数是任意的。

　　

例如:下面的添加函数

　　 　　 　　函数添加(x, y) { 　　返回x + y; 　　} 　　 　　之前 　　 　　

我们将其实现重载

　　 　　 　　函数添加(){ 　　var和=0; 　　(var=0;i之前 　　 　　

这样,不管参数类型如何,该函数会自动把数值类型参数相加并返回总数。

　　

另外,结合运算符和构造函数属性来判断每个参数类型,以决定根据参数个数和类型执行不同操作,这样可以实现更复杂的重载。

　　

下面我们使用js的原型来设计类的多态特征。

　　 　　 　　函数(){ 　　这一点。得到=function () { 　　console.log (' A '); 　　} 　　} 　　函数B () { 　　这一点。得到=function () { 　　console.log (B); 　　} 　　} 　　B。原型=new ();//使用原型继承,让B类继承类 　　函数C () { 　　这一点。得到=function () { 　　console.log (' C '); 　　} 　　} 　　C。原型=new ();//使用原型继承,让B类继承类 　　函数F (x) { 　　这一点。x=x; 　　} 　　F.prototype。得到=function () {//判断是否为一个类的实例 　　如果这一点。x instanceof) {//如果是,调用实例的方法 　　this.x.get (); 　　} 　　}//下面开始 　　var=new b (); 　　var=new c (); 　　var f1=F (b);//此时F中的这个。x就是b了,而b是A的一个实例 　　var f2=F (c);//原理同上 　　f1.get ();//B 　　f2.get ();//C 　　 　　之前 　　 　　

上面的类F就包含了一个多态方法获得(),它能够根据不同实例,来执行不同方法。

　　

感兴趣的朋友可以使用:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

　　

更多关于JavaScript相关内容可查看本站专题:《JavaScript面向对象入门教程》、《JavaScript错误与调试技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

　　

希望本文所述对大家JavaScript程序设计有所帮助。

javascript面向对象三大特征之多态实例详解