Object.create() 和 toString()

Question

鉴于这些代码

var Person = function(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
};

Person.prototype = {
  toString: function() { return this.firstName + ' ' + this.lastName; }
};

var test4 = Object.create(Person);
test4.firstName = "Phat4";
test4.lastName = "Wang4";
console.log(test4.toString === Object.toString); // true
console.log(test4.toString === Function.toString); // true

var test5 = { firstName: "Phat5", lastName: "Wang5" };
console.log(test5.toString === test4.toString); // false
console.log(test4.toString === Function.toString); // true
console.log(test5.toString === Object.prototype.toString); // true

console.log(test5.toString()); // [object Object]
console.log(test4.toString()); // Function.prototype.toString called on incompatible object

，为什么最后一行 console.log(test4.toString()) 抛出错误？它表明 test4.toString 与 test5.toString 不同，但我不明白

。我已经尝试搜索线程，但仍然无法回答自己。抱歉，如果这与任何内容重复。

Answer 1

而不是这样：

var test4 = Object.create(Person);

您应该这样做：

var test4 = Object.create(Person.prototype);

按照您的方式，test4在其原型链中具有Personfunction，而不是预期的原型具有 toString 方法的对象。

因此，它使用了一个 toString() 方法，该方法显然预计会针对 Function 对象进行调用。

Answer 2

分配给原型和将新属性分配给对象的原型是有区别的。

您将函数 Person 声明为构造函数，但是您实际上是通过这样做向其原型分配了一些内容：

Person.prototype = {
  toString: function() { return this.firstName + ' ' + this.lastName; }
};

这意味着您将一个新的对象键值对 toString-function 分配给 Person.prototype，而不是实际添加一个新属性对此，你应该这样做：

Person.prototype.toString = function() { return this.firstName + ' ' + this.lastName; }

这意味着当你实际上通过调用 Object.create 创建一个继承自 Person 对象的新对象时，那么它的实现中会发生什么是一个新对象将被重新创建，并且然后它将返回该新对象，该对象将覆盖 javascript 假定您通过之前在代码中执行 Person.prototype 赋值创建的原型属性。

Answer 3

var Person = function(firstName, lastName) { 
    this.firstName = firstName; 
    this.lastName = lastName;
  }; var p1=new Person("Phat1","Wang1");

p1 是一个对象

var p2= Object.create(Person);
p2.firstName="Phat2";
p2.lastName="Wang2";

p2 是一个函数