首页 > 代码库 > javascript继承

javascript继承

经典继承

借用构造函数,子类型构造函数内部调用超类型构造函数

function SuperType(){

  this.colors = ["red","blue","green"]; 

}

function SubType(){

  SuperType.call(this);   //继承了SuperType

}

var instance1 = new SubType();

instance1.colors.push("black");

alert(instance1.colors);  //"red,blue,green"

var instance2 = new SubType();

alert(instance1.colors);        //"red,blue,green"

 

组合继承

将原型链和借用构造函数的技术组合到一起的继承模式,使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承,即通过在原型上定义方法实现了函数复用,又能保证每个实例都有它自已的属性。

function SuperType(name){

  this.name = name;

  this.colors = ["red","blue","green"];

}

SuperType.prototype.sayName = function(){

  alert(this.name);

}

function SubType(name,age){

  SuperType.call(this,name);//继承属性

  this.age = age;

}

SubType.prototype = new SuperType();//继承方法

SubType.prototype.sayAge = function(){

  alert(this.age);

}

var instance1 = new SubType("Nicholas",29);

instance1.colors.push("black");

alert(instance1.colors);  //"red,blue,green,black"

instance1.sayName();  //"Nicholas"

instance1.sayAge();  //29

 

var instance2 = new SubType("Greg",27);

alert(instance2.colors);  //"red,blue,green"

instance2.sayName();  //"Greg"

instance2.sayAge();  //27

 

javascript继承