javascript - 什么时候直接向 JavaScript 中的对象添加属性更好？

Question

这个问题已经有答案了:

Javascript when to use prototypes (6 个回答)

已关闭 6 年前。

假设我们正在定义一个 Person 构造函数并创建一个像这样的新人:

function Person(name){
    this.name = name;
}
var person = new Person("John Doe");

以下 2 个实现输出:Hello from John Doe:

第一次实现

person.sayHello = function(){console.log("Hello from " + this.name);}

运行代码1

function Person(name){this.name = name;}
var person = new Person("John Doe");
person.sayHello = function(){console.log("Hello from " + this.name);}
person.sayHello();

第二次实现

Person.prototype.sayHello = function(){console.log("Hello from " + this.name);}

运行代码2

function Person(name){this.name = name;}
var person = new Person("John Doe");
Person.prototype.sayHello = function(){console.log("Hello from " + this.name);}
person.sayHello();

我的问题是:

1. 由于结果相似，什么时候直接将属性添加到创建的对象中更好？

Answer 1

简单来说，使用对象的原型(prototype)用于在创建对象后扩展对象属性。最好的用例之一是，当类不是由您编写或从某个地方导入时，您需要扩展它。

Are the 2 implementations similar (I'm not talking about the result but for side effects)?

据我所知，是一样的。

If no, what are the differences and when we should choose the first one or the second one?

是的，但是何时使用，请参见上文。