《JS高级程序设计》第6章读书笔记：对象继承（三）原型式继承和寄生式继承

本文链接：https://blog.csdn.net/huangpin815/article/details/77619441

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