javascript--继承

原型链继承

• 让原型对象等于另一个类型的实例

SubType.prototype = new SuperType();

---

• SubType的实例.constructor指向的是SuperType，因为SubType.prototype指向了SuperType的原型，而这个原型对象的constructor属性指向的是SuperType
• 给SubType的原型添加方法的代码要放在原型替换成SuperType语句之后
• 通过原型链实现继承，不能使用对象字面量创建原型为SubType原型增加方法，这样做会重写原型链
• 所有引用类型都默认继承了Object，这个继承是通过原型链实现的。
• 所有函数的默认原型都是Object的实例

---

确定原型和实例的关系

1. 实例 instanceof 原型链中出现的类型 //true
2. 原型链中出现过的原型 .isPrototypeOf (实例) //true

---

存在的问题：

1. SuperType的实例中的引用类型的值会被所有SubType实例共享
2. 创建子类型的实例时，不能向超类型的构造函数中传递参数

借用构造函数/经典继承/伪造对象

• 在子类型构造函数内部调用超类型构造函数

function SubType()
{
	SuperType.call(this,"Lee");
	this.age = 27;
}

• 会在SubType对象上执行SuperType()函数中定义的所有对象初始化代码
• 可以在子类型构造函数中向超类型构造函数传递参数
• 调用超类型构造函数后，再添加子类型中的属性；防止超类型构造函数重写子类型的属性

---

存在的问题

• 方法都在构造函数中定义，无法复用。在超类型原型中定义的方法对子类型不可见。

组合继承/伪经典继承

• 组合原型链和借用构造函数方法
• 原型链实现对原型方法和属性的继承，构造函数实现实例属性的继承

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;
}
SubType.prototype = new SuperType();
SubType.prototype.sayAge = function(){alert(this.age);};

---

确定原型和实例的关系

• 也可以用instanceof和**isPrototypeOf()**确定

---

存在的问题

• 会调用两次超类型构造函数

1. 将子类型原型指定为超类型实例时
2. 子类型构造函数内部

• 第一次调用SuperType构造函数时，SubType的原型会得到SuperType的实例属性name,colors
• 第二次调用SuperType的构造函数时，在新对象上创建了实例属性name和colors，这两个属性屏蔽掉了SubType原型中的同名属性

原型式继承

• 借助已有的对象o作为原型创建新对象，不必创建自定义类型，不必创建构造函数

function object(o)
{
	function F(){}
	F.prototype = o;
	return new F();
}

ES5规范化原型继承

Object.create(o,{name:{value:"Lee"}});

• 第二个参数可选，第二个参数中定义的属性会覆盖原型对象上的同名属性
• 第二个参数中的每个属性都是通过描述符定义

---

存在的问题

• o中的引用类型的值会被以这种方法生成的所有实例对象共享

寄生式继承

• 用函数封装继承过程，函数内部以某种方式增强对象，最后返回对象

function createAnother(o)
{
	var clone = object(o);//object函数不是必须的，任何能够返回新对象的函数都适用于此。
	clone.sayHi = function(){alert("Hi");};
	return clone;
}

---

存在的问题

• 使用寄生式继承为对象添加函数，不能做到函数复用

寄生组合式继承（最理想的继承范式）

• 不必为了指定子类型的原型而调用超类型的构造函数，只需要用寄生式继承产生超类型原型的一个副本

function inheritPrototype(subType, superType)
{
	var prototype = object(superType.prototype);
	prototype.constructor = subType;
	subType.prototype = prototype;
}

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;
}
inheritPrototype(SubType,SuperType);//两个参数分别是子类和超类构造函数
SubType.prototype.sayAge = function(){alert(this.age);};

确定原型和实例的关系

• 也可以用instanceof和**isPrototypeOf()**确定