在Javascript中构造对象的两种方法

Question

function Person(age,name){
    this.name = name;
    this.age  = age;
    this.speak = function(){...}
}

function Person(age,name){
    var p = {}
    p.name = name;
    p.age = age;
    p.speak = function(){...}
    return p;
}

我看到的唯一区别是使用第一个你必须用new调用让语言知道它构造一个新对象，它本质上只是构造一个对象，其中'this'指的是正在创建的新对象??

就像这样做。

{
   age: 12,
   name: "mark",
   speak: function(){...}
}

第二个返回一个对象，你可以写

Person(12,"mark")

代替

new Person(12,"mark")

所以我想我的问题是，使用第二个版本是否有什么问题，我说的差异是正确的，它们是两者之间的唯一区别吗？

Answer 1

第一个：

function Person(age,name){
    this.name = name;
    this.age  = age;
    this.speak = function(){...}
}

是一个命名的构造函数。
将与instanceof Person一起正常工作
使用mixins或经典的Javascript继承更容易
如果有很多方法，可以将原型用于可能消耗更少内存的方法，或者更快地构造对象
也可以设计为无需new工作。
更类似于新的ES6 class和extends语法如何工作，这很可能是将来编写很多Javascript的方式。

第二个：

function Person(age,name){
    var p = {}
    p.name = name;
    p.age = age;
    p.speak = function(){...}
    return p;
}

是工厂功能。 它创建一个通用对象，为其分配属性，然后返回该对象。
它可以继承自，但不是以经典方式继承，只能通过知道此对象如何工作的另一个工厂函数。 mixin的某些类型的继承并不像这种结构那样可行。
不适用于instanceof 。
不能也不能将原型用于方法。
可以使用new调用并且仍然有效（系统创建的新对象将被丢弃）。
可以创建任何类型的对象。 它甚至可以根据传递的参数或环境进行分支，并根据某些逻辑创建不同类型的对象。 从技术上讲，您也可以使用第一种样式执行此操作，但效率很低，因为解释器会创建特定类型的对象，然后您将返回其他内容，从而导致创建的原始对象随后被垃圾回收。 因此，如果您要创建多种不同类型的对象，第二种方法会更有效。