Question

我一直在尝试使用JavaScript世界知名的原型继承实现。到目前为止，除了一件事以外，一切对我都有意义......

function base() {
    this.a = "baseObj property";
}
base.thisIs = "base constructor";

function derived() {
    this.b = "derivedObj property";
}
derived.thisIs = "derived constructor";

var baseObj = new base();

到目前为止一切顺利。 baseObj.a返回“baseObj property”，baseObj.constructor.thisIs返回“base constructor”。

但是当我真正使某些东西继承了基础对象的值时，事情开始让我感到困惑。

derived.prototype = baseObj;
derivedObj = new derived();

最终发生的事情是derivedObj.a返回“baseObj property”。好。 derivedObj.b返回“derivedObj property”。再好。但derivedObj.constructor.thisIs返回“基础构造函数” ...

为了实现这一目标，口译员必须在derivedObj.constructor中找不到derivedObj。那么它的作用是在derivedObj.__proto__之后搜索那里。由于new关键字设置derivedObj.__proto__等于derived.prototype，我们之前设置为baseObj，derivedObj.__proto__最终返回baseObj。

这可以解释为什么derivedObj.constructor被遗忘了。它似乎毫无用处。口译员不需要用它来获取derived.prototype;他们可以使用derivedObj.__proto__。然而，事实是，可能对于使用derivedObj.constructor以获取derived.thisIs的值非常有用。

但即便如此。它没有解释为什么在baseObj中没有被遗忘。为什么.constructor存在baseObj而derivedObj存在new？它们以完全相同的方式初始化。使用// /*This is a comment关键字。

Answer 1

默认情况下，函数具有prototype属性，该属性是在将函数用作构造函数时实例继承的对象。 prototype对象具有constructor属性，该属性指向函数。

derived.prototype = baseObj的问题在于您替换了整个prototype，因此您丢失了返回derived.prototype.constructor的原始derived。

解决问题的方法是重新分配该属性：

derived.prototype = baseObj;
derived.prototype.constructor = derived;

然而，这将改变baseObj对象。这通常是不受欢迎的，所以正确的方法是

derived.prototype = Object.create(baseObj);
derived.prototype.constructor = derived;

新的x（）。构造函数不存在吗？

1 个答案: