javascript面向对象三大特征之多态实例详解
本文实例讲述了javascript面向对象三大特征之多态。分享给大家供大家参考,具体如下:
多态
从某种意义上来说,多态是面向对象中重要的一部分,也是实施继承的主要目的。
一个实例可以拥有多个类型,它既可以是这种类型,也可以是那种类型,这种多种状态被称为类的多态。
多态的表现形式很多,其中继承和重载都是多态的表现形式。
——整理自《jQuery开发从入门到精通》
继承
继承本身是多态的一种实现。详情请参考前面一篇:https://www.nhooo.com/article/166097.htm
重载
重载也是多态的一种体现。重载就是同名方法的多个实现。依靠参数的类型和参数的个数来区分和识别。在js中,函数的参数是没有类型的,并且参数的个数是任意的。
例如:下面的add函数
functionadd(x,y){ returnx+y; }
我们将其实现重载
functionadd(){ varsum=0; for(vari=0;i这样,不管参数类型如何,该函数会自动把数值类型参数相加并返回总数。
另外,结合instanceof和constructor属性来判断每个参数类型,以决定根据参数个数和类型执行不同操作,这样可以实现更复杂的重载。
下面我们使用js的原型来设计类的多态特征。
functionA(){ this.get=function(){ console.log('A'); } } functionB(){ this.get=function(){ console.log('B'); } } B.prototype=newA();//使用原型继承,让B类继承A类 functionC(){ this.get=function(){ console.log('C'); } } C.prototype=newA();//使用原型继承,让B类继承A类 functionF(x){ this.x=x; } F.prototype.get=function(){ //判断是否为A类的实例 if(this.xinstanceofA){ //如果是,调用实例的方法 this.x.get(); } } //下面开始 varb=newB(); varc=newC(); varf1=newF(b);//此时F中的this.x就是b了,而b是A的一个实例 varf2=newF(c);//原理同上 f1.get();//B f2.get();//C上面的类F就包含了一个多态方法get(),它能够根据不同实例,来执行不同方法。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。