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

前端  /  管理员 发布于 4年前   277

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

多态

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

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

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

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

继承

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

重载

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

例如：下面的add函数

function add(x,y){ return x+y;}

我们将其实现重载

function add(){ var sum = 0; for(var i=0; i
这样，不管参数类型如何，该函数会自动把数值类型参数相加并返回总数。
另外，结合instanceof 和constructor属性来判断每个参数类型，以决定根据参数个数和类型执行不同操作，这样可以实现更复杂的重载。
下面我们使用js的原型来设计类的多态特征。
function A(){ this.get = function(){  console.log('A'); }}function B(){ this.get = function(){  console.log('B'); }}B.prototype = new A(); // 使用原型继承，让B类继承A类function C(){ this.get = function(){  console.log('C'); }}C.prototype = new A(); // 使用原型继承，让B类继承A类function F(x){ this.x = x;}F.prototype.get = function(){ // 判断是否为A类的实例 if(this.x instanceof A){  // 如果是，调用实例的方法  this.x.get(); }}// 下面开始var b = new B();var c = new C();var f1 = new F(b); // 此时F中的this.x 就是b了， 而b是A的一个实例var f2 = new F(c); // 原理同上f1.get(); // Bf2.get(); // C
上面的类F就包含了一个多态方法get() ，它能够根据不同实例，来执行不同方法。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools..net.cn/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
                                                                        
您可能感兴趣的文章:
JavaScript面向对象程序设计中对象的定义和继承详解
javascript面向对象程序设计实践常用知识点总结
javascript面向对象创建对象的方式小结
javascript面向对象三大特征之继承实例详解
javascript面向对象三大特征之封装实例详解
Javascript 面向对象（一）(共有方法，私有方法，特权方法)
面向对象的Javascript之二(接口实现介绍)
js面向对象之公有、私有、静态属性和方法详解
javascript面向对象入门基础详细介绍
JavaScript 面向对象基础简单示例