在JavaScript中使用protypal inheritence分配簡單原型和使用Object.Create（Object.prototype）之間的差異？

Question

我正在使用簡單的原型分配在java腳本中實現Prototypal inheritence這是我的代碼 -

var Rectangle = function(heigth, width) {
  this.height = height;
  this.width  = width;  
}

Rectangle.prototype.area = function() {
  return this.height*this.width;
}

var Square = function(length) {
  this.height = this.width = length;
}

Square.prototype = Rectangle.prototype; 

var sqr1 = new Square(5);
console.log(sqr1.area());

但是在Square.prototype = Rectangle.prototype的位置，建議使用Square.prototype = Object.create（Rectangle.prototype） 。 任何人都可以告訴我潛在的差異，因為上面的代碼工作正常。

Answer 1

因為語句Square.prototype = Rectangle.prototype; 實際上復制Rectangle.prototype的引用並將其分配給Square.prototype 。 （原始類型按值復制，引用類型通過引用復制）。

因此，如果您要在Square.prototype上添加一些屬性和方法，它將修改原始的Rectangle.prototype對象，這不是您想要的。

Square.prototype = Object.create(Rectangle.prototype)創建一個新object其原型是Rectangle.prototype ，這是正確的方法。