JavaScript继承

原型链继承

window.onload=function test() {

function SuperType () {

this.property = true;

}

SuperType.prototype.getSuperValue = function () {

return this.property;

};

 

function SubType () {

this.subproperty = false;

}

 

SubType.prototype = new SuperType();

 

SubType.prototype.getSubValue = function () {

return this.subproperty;

};

 

var instance = new SubType();

alert(instance.getSuperValue());

 

组合继承

function SuperType (name) {

this.name = name;

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

}

 

SuperType.prototype.sayName = function () {

alert(this.name);

};

 

function SubType (name,age) {

//继承属性

SuperType.call(this,name);

this.age = age;

}

 

//继承方法

SubType.prototype = new SuperType();

SubType.prototype.constructor = SubType;

SubType.prototype.sayAge = function () {

alert(this.age);

};

 

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

instance1.colors.push("black");

alert(instance1.colors);

instance1.sayName();

instance1.sayAge();

 

var instance2 = new SubType("mingming",30);

alert(instance2.colors);

instance2.sayAge();

instance2.sayName();

 

寄生式继承

function createAnother (original) {

var clone = Object.create(original);

clone.sayHi = function () {

alert("Hi");

};

return clone;

}

var person = {

name: "liqiang",

age: 23

};

 

var anotherPerson = createAnother(person);

anotherPerson.sayHi();