一、原型式继承的由来:
克罗克福德介绍了一种实现继承的方法,这种方法并没有使用严格意义上的构造函数,而是借助原型可以基于已有的对象创建新对象,同时还不必因此创建自定义类型。
其给出的函数如下:
function Object(o){
// 临时性的构造函数
function F() {}
F.prototype = o;
return new F();
}
解释:
(1)在object函数内部,先创建了一个临时性的构造函数,然后将传入的对象作为这个构造函数的原型。
(2)最后返回了这个临时类型的一个新实例。
(3)从本质上讲,object()对传入其中的对象执行了一次浅复制。
二、原型式继承:
例子如下:
function Object(o){
// 临时性的构造函数
function F() {}
F.prototype = o;
return new F();
}
var person = {
name:"萝卜头",
friends:["1","2","3"]
};
var anotherPerson = Object(person);
anotherPerson.name="大萝卜头";
anotherPerson.friends.push("5");
var anotherPerson2 = Object(person);
anotherPerson2.name="萝卜干";
anotherPerson2.friends.push("7");
console.log(person.friends);
代码解释:
在该例子中可以作为另一个对象基础的是person对象,传入到Object函数中,然后该函数就会返回一个新对象。 这个新对象就会将person作为原型,所以它的原型中就包含一个基本类型值属性和一个引用类型值属性。person.friends不仅属于person所有也会被anotherPerson和anotherPerson2共享。
注:这种原型式继承要求你必须有一个对象可以作为另一个对象的基础,如果有这么一个对象的话,可以把它传递给object()函数 然后再根据具体需求对得到的对象加一修改即可。
三、改进:
ES5通过新增的Object.create()方法规范了原型式继承。这个方法接受两个参数:一个用作新对象原型的对象和一个为新对象定义额外属性的对象。
var person = {
name:"萝卜头",
friends:["1","2","3"]
};
var anotherPerson = Object.create(person,{
name:{
value:"大萝卜头"
}
});
anotherPerson.friends.push("5");
var anotherPerson2 = Object.create(person,{
name:{
value:"萝卜干"
}
});
anotherPerson2.friends.push("7");
console.log(person.friends);
在只想让一个对象与另一个对象保持类似的情况下,原型式继承是不错的选择。但是包含引用类型值的属性始终都会共享想应的值,就像使用原型模式一样。
注:资料参考《JavaScript高级程序设计》