在javascript中定义对象的各种方式之间的区别[重复]

Question

在 javascript 中，我们可以通过多种方式定义对象原型。

第一个

var foo={
a:1,
b:2
}

其次是

var foo=function(){
this.a=1;
this.b=2;
}

我知道第一个是对象本身，而要从第二个定义创建对象，我们必须使用 new foo()。这两个定义之间是否还有其他区别。如果两者都相同，那么第二个需要什么，如果不是，那么第一个需要什么？

Answer 1

它们不一样，第二个是Object的构造函数：

var foo = {
  a: 1,
  b: 2
}
console.log("First: ",
    typeof foo, // object
    JSON.stringify(foo), // {a:1,b:2}
    foo.constructor) // function Object() { [native code] }

var foo = function() {
  this.a = 1;
  this.b = 2;
}
console.log("Second: ",
    typeof foo, // function
    JSON.stringify(foo), // undefined, foo is not an Object, it's a function!
    foo.constructor) // function Object() { [native code] }

var foo = new foo()
console.log("Thrid: ",
    typeof foo, // object
    JSON.stringify(foo), // {a:1,b:2}
    foo.constructor) // function() {  this.a = 1;  this.b = 2;}

因此，即使在创建了这两个对象之后，它们的.constructor 属性也会有所不同。因为第一个 Object 是由 JavaScript 中的 Native 构造函数或 Object 创建的，而第二个是由您的自定义构造函数创建的。

这是唯一的区别