原型被分配对象文字与函数之间的区别[重复]

Question

我在网上发现这篇文章让我很困惑。

http://jonathancreamer.com/object-literals-and-prototypes-in-javascript/

当我运行以下代码时

case2:
Pizza.prototype = {
    divvyUp: function () {
        return this.type  + " pizza which has " + this.slices +" slices";
    }
};

Versus case1:

Pizza.prototype.divvyUp = function () {
    return this.type  + " pizza which has " + this.slices +" slices";
};

难题在于，尽管 case1: 中的 Pizza.prototype.constructor 是构造函数，而 case2: 中的 Pizza.prototype.constrcutor 是 object() 函数，而 case2: 解耦了继承链。但是为什么当我执行 sausagePizza.divvyUp() 对于这两种情况我得到相同的结果。但是，当 case2: 解耦继承链并且不再引用 Pizza() 构造函数时，为什么我会得到类似于 case1 的 case2 的结果

Answer 1

前者会将整个 prototype 替换为包含单个函数的对象 - divvyUp。

后者会修改现有的prototype，添加（或替换）函数divvyUp。

试试

console.log(Pizza.prototype);

在每个之后，看一看。