简单对象 vs. 工厂 vs. 构造函数 - 实际示例

Question

在 JavaScript 中创建对象的三种方式：

1. 通过简单的对象创建
2. 按工厂功能
3. 按构造函数

---

1. 简单的对象创建：

   var ronaldo = {
       name: "Ronaldo",
       age: "35",
       quote: "Hi I am Ronaldo", 
       salary: function(x){ return x+2500; }
   };
   

2. 工厂功能：

   function human(x,y,z,i){
       return{
           name: x,
           age: y,
           quote: z,
           salary: function(i){ return i+2500; }
       }
   };
   var Zini = human('Zenidan','41','I am Zidane',7500);
   

3. 构造函数：

   var human = function(x,y,z,i){
       this.name = x,
       this.age = y,
       this.quote = z, 
       this.salary = function(i){ return i+2500; }
   };
   var Lampd = new human('Frank Lampard','39','I am Frank J Lampard',5500);
   

谁能简单的说明一下什么时候使用这些方法中的哪一种来简单地创建对象，以便天真的人也能理解？

我浏览了以下链接，但理解起来有点复杂：

• Constructors vs Factory Methods
• Constructor function vs Factory functions
• Creation of Objects: Constructors or Static Factory Methods

所以我要一些简单的实际案例。

Answer 1

对数据使用简单的对象：当您只需要一组键/值对时。

在您的简单对象示例中，您拥有的不仅仅是数据：salary 方法将行为添加到对象。如果您最终会得到许多这样的对象，最好只使用一个在所有对象之间共享的salary 方法，而不是每个对象都有自己的salary 方法，从而提高性能和可维护性。在多个对象之间共享方法的一种方法是将方法放在对象的原型上。

当您需要创建一个作为原型实例的对象时，您可以使用构造函数。这是一个阅读相关内容的好地方，但它有点密集：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain

上面的 MDN 链接还演示了 ECMAScript 2015 class 语法，它是构造函数的替代方法。

更新：请参阅 Dave Newton 的评论，了解何时使用工厂的一个很好的例子