一.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);
};