1 原型式继承
原型式继承时道格拉斯,克罗克福德在06年提出的一种新的继承方式。记住这个人,他还推广了另一种继承方式。
现给出具体代码:
function object(o) {
function F() {}
F.prototype = o;
return new F();
}
我们可以看到:在object函数内部,我们先创建一个临时性的构造函数,然后让这个构造函数的prototype
属性指向传入的对象。然后返回这个类型的一个实例。
本质上,object函数对传入其中的对象执行一次浅拷贝。
看下面的例子:
function object(o) {
function F() {}
F.prototype = o;
return new F();
}
var person = {
name: 'Nicholas',
friends: ['Tom', 'Alice', 'Bob']
}
var p1 = object(person);
p1.name = "Greg";
p1.friends.push('Rob');
var p2 = object(person);
p2.name = "Linda";
p2.friends.push('David');
console.log(person.friends); //[ 'Tom', 'Alice', 'Bob', 'Rob', 'David' ]
克劳克福德提出的这种防范在ES5中通过Object.create()函数规范化。这个方法接收两个参数:一个用作新对象原型的对象和(可选的)一个为新对象定义额外属性的对象。
在传入一个参数的情况下,Object.create()函数与object()函数的行为相同。
所以上面那段代码可以改写为:
var person = {
name: 'Nicholas',
friends: ['Tom', 'Alice', 'Bob']
}
var p1 = Object.create(person);
p1.name = "Greg";
p1.friends.push('Rob');
var p2 = Object.create(person);
p2.name = "Linda";
p2.friends.push('David');
console.log(person.friends); //[ 'Tom', 'Alice', 'Bob', 'Rob', 'David' ]
Object.create()方法的第二个参数与Object.defineProperties()方法的第二个参数格式相同:每个属性都是通过自己的描述符定义的,以这种方式指定的任何属性会覆盖原型上同名属性。
例如:
var person = {
name: 'Nicholas',
friends: ['Tom', 'Alice', 'Bob']
}
var p1 = Object.create(person, {
name: {
value: 'achao'
}
});
console.log(p1.name); //achao
原型式继承应用于只想让一个对象与另一个对象保持相似的情况。好处是没有必要兴师动众创建构造函数。
问题是:实例共享引用类型的值,这和原型模式一样。
2 寄生式继承
我的个人的理解是:寄生式继承是原型式继承2.0
看具体代码
function object(o) {
function F() {}
F.prototype = o;
return new F();
}
function createAnother(original) {
var clone = object(original); //创建新对象
clone.sayHi = function() { // 增强对象
console.log('hi');
}
return clone; //返回对象
}
var person = {
name: 'Nicholas',
friends: ['Alice', 'Bob', 'Cindy']
}
var anotherPerson = createAnother(person);
anotherPerson.sayHi(); // hi
新对象不仅具有person的所有属性和方法,而且有自己sayHi函数。
问题:
使用寄生式继承为对象添加函数,会由于不能做到函数复用而降低效率;这与构造函数模式类似。