更改构造函数原型时出现的问题

我目前正在阅读 Stoyan Stefanov 的书“面向对象的 JavaScript”，我偶然发现了一个有趣的问题。这是代码：

var shape = {
    type: 'shape',
    getType: function() {
        return this.type;
    }
};

function Triangle(a, b, c) {
    this.a = a;
    this.b = b;
    this.c = c;
    this.type = 'triangle';
}

Triangle.prototype = shape; // changing the prototype object
Triangle.prototype.getPerimeter = function() {
    return this.a + this.b + this.c;
}

var t = new Triangle(1, 2, 3);
t.constructor; // logs Object() instead of Triangle(a, b, c)

正如您所看到的，这是构造函数从原型对象继承一些属性的简单示例。但对象 t 的构造函数属性指向 Object() 对象，而不是它应该指向的 Triangle(a, b, c)。不过，如果我对原型更改进行评论，一切都会正常。我的问题是什么？ （重读面向对象的 Javascript 和 JavaScript 模式中的整个原型章节，找不到答案）。 附：抱歉我的英语不好，正在努力练习。 :)

我将分两部分解释您的代码。首先，什么是constructor实际上是财产吗？其次，为什么不返回Objects在你的代码中？

The constructor财产和斯托扬的错误：

在 Stoyan Stefanov 的书第 150 页中，他指出：

原型是在定义函数后立即创建的属性。它的初始值是一个空对象。

It is wrong。根据第 9.2 节

prototype属性的初始值是一个对象具有单一财产. 该属性被命名为构造函数并返回与原型关联的构造函数。

你可以测试它Triangle.prototype.constructor。它在定义函数时就已设置。

结论1: the constructor实际上是Constructor.prototype。在你的情况下，它是Triangle.prototype.constructor.

所有实例Triangle可以通过原型链访问该属性。但这些物体本身并没有constructor财产。下面的代码证明了这一点：

function Triangle(a, b, c) {
    this.a = a;
    this.b = b;
    this.c = c;
    this.type = 'triangle';
}
var t = new Triangle(1, 2, 3);
t.hasOwnProperty('constructor');
>>false
t.__proto__.hasOwnProperty('constructor');
>>true

结论2: 当您访问constructor实例的属性，您可以从原型链中获取它们。

为什么它没有按您的预期工作

You set Triangle.prototype to shape which doesn't包含原来的constructor财产。

因此，这一次，当你查询t.constructor，它将通过以下过程解决它：

1. 看一下它本身的属性，发现没有constructor
2. 继续仰望t.__proto__，即Triangle.prototype。您已将其设置为shape其中不包含constructor财产。
3. 沿着原型链继续查找——t.__proto__.__proto__. It is Triangle.prototype.__proto__，并且它被解析为Object.prototype. Object.prototype有constructor属性及其指的是Object.