javascript - javascript 原型(prototype)上的属性与对象上的属性有什么区别？

Question

这个问题已经有答案了:

Use of 'prototype' vs. 'this' in JavaScript? (16 个回答)

已关闭 6 年前。

举个例子:

 var personPrototype = { 
 firstName: '',
 lastName: '',

 getFullname: function() { 
    return this.firstName + ' : ' + this.lastName; 
  } 
} 

Person = {

};

function newPerson(firstName, lastName) { 
    var Person = function(firstName, lastName) { 
      this.firstName = firstName; 
      this.lastName = lastName; 
    }
    Person.prototype = personPrototype;
    return new Person(firstName, lastName);
}

var p1 = newPerson('someone', 'else');
var p2 = newPerson('john', 'doe');
console.log(p1.getFullname());
console.log(p2.getFullname());

将firstName和lastName从personPrototype移动到Person会产生相同的结果。这是否意味着两者之间没有区别，还是我忽略了某些东西？

Answer 1

直接放在对象上的属性和放在对象原型(prototype)上的属性之间的区别非常显着。原型(prototype)由对象的所有实例共享。对象中定义的属性(如在构造函数中)将在每个实例上定义。

我怀疑您在定义 Person 对象时感到困惑。全局范围内的 Person 被 newPerson 内的构造函数覆盖，并且从未被使用。您根本不需要在构造函数/方法函数之外定义属性，除非您有特定原因在对象的所有实例之间共享值。

至于为什么在原型(prototype)中定义属性没有区别:是 the prototype chain 。当您在 personPrototype 中定义 firstName 等，然后也在构造函数中定义它时，它会被覆盖。因此，调用 getFullName 会退回到 personPrototype，然后在 Person 的当前实例上查找 lastName，从而获取调用 new Person(firstName, lastName) 时传递的值。