面向对象在javascript中的三大特征之多态

多态


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

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

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

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


继承


继承本身是多态的一种实现。详情请参考上一篇博文:http://blog.csdn.net/tyro_java/article/details/51181638


重载


重载也是多态的一种体现。重载就是同名方法的多个实现。依靠参数的类型和参数的个数来区分和识别。在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(); // B
f2.get(); // C
上面的类F就包含了一个多态方法get() ,它能够根据不同实例,来执行不同方法。

你可能感兴趣的:(Javascript)