javascript - childObj.prototype = Object.create(parentObj.prototype) 和 childObj.prototype = parentObj.prototype 有什么区别？

Question

我想知道它们之间的区别:

childObj.prototype = Object.create(parentObj.prototype)

和

childObj.prototype = parentObj.prototype;

因为它们都需要在子对象中调用父构造函数才能访问构造函数属性。

我知道 Object.create 函数是如何工作的，我注意到区别仅在于它返回一个带有父原型(prototype)的新对象。我想我不理解的是返回一个带有父原型(prototype)的新对象的效果。

Answer 1

您的第一个示例是正确的方法，因为它创建了一个新对象，并将 parentObj.prototype 作为其 [[Prototype]]:

childObj.prototype = Object.create(parentObj.prototype); // { __proto__: parentObj.prototype }

第二个只是将 childObj.prototype 设置为与 parentObj.prototype 相同的对象。这会导致一些问题:

function parentObj() {
}

parentObj.prototype.parentFn = function() { console.log('parent'); };


function childObj() {
}

childObj.prototype = parentObj.prototype;

// here we are writing onto parentObj.prototype as well!!!
childObj.prototype.childFn = function() { console.log('child'); };

var child = new childObj();

var parent = new childObj();

child.parentFn(); // 'parent'
parent.childFn(); // 'child' --- this should not happen!!!

在直接赋值对象时，我们已经写到父类.prototype上了。