Question

我一直在阅读MSD关于Object.create的文档，我偶然发现了这个例子。

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

// superclass method
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.
}

// subclass extends superclass
Rectangle.prototype = Object.create(Shape.prototype);
Rectangle.prototype.constructor = Rectangle;

var rect = new Rectangle();

console.log('Is rect an instance of Rectangle?', rect instanceof Rectangle);// true
console.log('Is rect an instance of Shape?', rect instanceof Shape);// true
rect.move(1, 1); // Outputs, 'Shape moved.'

虽然，除了一部分，我理解大部分代码。

Rectangle.prototype.constructor = Rectangle;

所以，我想知道的是什么？

这样做的原因是什么（在物体检查或其他方面保持理智）

Answer 1

Rectangle.prototype.constructor = Rectangle;

属性constructor是指对象的构造函数。但是当你用其他对象替换prototype时，你就会失去它。如果你想让这个属性正确（但在大多数caces中你不需要它），你必须明确地指定它。

所以，现在你可以做一些奇怪的事情，比如

function f(obj) {
  retur new obj.constructor;
}

用你的矩形。

关于Javascript原型清晰度

1 个答案: