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

Question

我正在阅读以下代码，并开始想知道 Rectangle.prototype = Object.create(Shape.prototype) 和 Rectangle.prototype = Shape.prototype< 之间有什么区别？因为 Object.create(Shape.prototype) 和 Shape.prototype 都返回一个对象。

//Shape - superclass
function Shape() {
  this.x = 0;
  this.y = 0;
}

Shape.prototype.move = function(x, y) {
    this.x += x;
    this.y += y;
    console.info("Shape moved.");
};

// Rectangle - subclass
function Rectangle() {
  Shape.call(this); //call super constructor.
}

Rectangle.prototype = Object.create(Shape.prototype);

Answer 1

Rectangle.prototype = Shape.prototype; 将 Rectangle 的原型(prototype)指向与 Shape 的原型(prototype)相同的对象，这意味着两个原型(prototype)现在是同一个对象。因此，如果您编辑 Rectangle.prototype.method，它也会出现在 Shape.prototype.method 中。

Rectangle.prototype = Object.create(Shape.prototype); 正在创建一个继承 Shape 原型(prototype)的新对象，并分配给 Rectangle 的，这意味着如果你编辑 Rectangle 的prototype 从这点来说，不会影响 Shape 的。但是如果你编辑 Shape 的原型(prototype)，你将通过继承在 Rectangle 中获得相同的属性。

玩一玩 - https://jsfiddle.net/j8o10zfn/