js高级程序设计（第6章----继承）

一.ES只支持实现继承，而且其实现继承主要是依靠原型链来实现的。

1.原型链

（1）利用原型让一个引用类型继承另一个引用类型的属性和方法。

（2）问题：包含引用类型的值的原型属性会被所有实例共享；通过原型来实现继承时，原型实际上会变成另一个类型的实例，原来的实例属性也就变成了现在的原型属性了。

         在创建子类型的实例时，不能向超类型的构造函数中传递参数。

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;

};

2.借用构造函数

（1）在子类型构造函数的内部调用超类型的构造函数。

（2）问题：方法都在构造函数中定义了，函数复用更无从谈起。

                     在超类型的原型中定义的方法，对子类型而言也是不可见的，结果所有类型都只能使用构造函数模式。

（3）优点：可以在子类型构造函数中向超类型构造函数中传递参数。

function SuperType (name){

this.name = name;

}

function SubType(){

SuperType.call(this,"niki");

this.age = 20;

}

3.组合继承------最常用的继承模式（也叫伪经典继承：组合使用原型链和借用构造函数模式的技术）

（1）使用原型链实现对原型属性和方法的继承，通过借用构造函数实现对实例属性的继承。

（2）优点：避免了原型链和借用构造函数的缺点，融合了他们的优点，成为js中最常见的继承模式。

（3）问题：无论在什么情况下，都会2次调用超类型的构造函数（一次是在创建子类型原型时，另一次是在子类型构造函数内部）

function SuperType (name){

this.name = name;

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

}

SuperType.prototype.sayName = function(){

alert(this.nmae);

};

function SubType(name,age) {

//继承属性

SuperType.call(this,name);

this.age = age;

}

//继承方法

SubType.prototype = new SuperType();

SubType.prototype.sayAge = function(){

alert(this.age);

};

4.原型式继承

（1）借助原型可以基于已有的对象创建新对象，同时还不必创建自定义类型。

（2）问题：包含引用类型值的属性始终都会共享相应的值。

function object（o）{

function F() {}

F.prototype = o;

return new F();

}

var person = {

name:"niki",

frinends:["aaa","bbb","ccc"]

};

var another = object(person);

another.name = "greg";

another.frinends.push("ddd");

var yet = object(person);

yet.name = "linda";

yet.frinends.push("eee");

alert(person.frinends);

5.寄生式继承

（1）创建一个仅用于封装继承过程的函数，该函数在内部以某种方式来增强对象，最后再像真的是它做了所有工作一样返回对象。

（2）问题：使用寄生式继承为对象添加函数，由于不能做到函数复用而降低了效率。

function createAnother(original){

var clone = object(original);

clone.sayHi = function(){

alert("Hi");

return clone;

};

}

var person = {

name:"niki",

frinends:["aaa","bbb","ccc"]

};

var another = createAnother(person);

another.sayHi();

6.寄生组合式继承----引用类型最理想的继承范式

function inheritPrototype(subType,superType){

 var prototype = object(superType.prototype);

prototype.constructor = subType;

subType.prototype = prototype;

}

function SuperType (name){

this.name = name;

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

}

SuperType.prototype.sayName = function(){

alert(this.name);

};

function SubType(name,age){

SuperType.call(this, name);

this.age = age;

}

inheritPrototype(SubType,SuperType);

SubType.prototype.sayAge = function(){

alert(this.age);

};