javascript中创建对象的两种方法

Question

我通过执行以下操作来创建 javascript 对象：

function field(name,label){
        this.name = name
        this.label= label;
}

var a = new field("market","Mkt").

然后我将 a 分配给另一个对象。

object.newField = a;

第二种方法是直接创建一个新属性

object.2ndNewField = {
    name: "market2",
    label:"Mkt2"
}

我尝试读取其他函数中的对象。它们的行为不同，但是，当我对对象进行字符串化时，它看起来不错。我创建的两个属性有什么区别？

顺便说一句，以下对象有什么区别吗？

 object.2ndNewField = {
        "name": "market2",
        "label":"Mkt2
    }

Answer 1

不同的是，第一种情况，创建的对象继承自field.prototype，然后继承Object.prototype（即它的内部[[Prototype]]是field.prototype，其内部[[Prototype]]是Object.prototype），与第二种情况一样，它仅继承自Object.prototype。

另一种看待它的方式是：

object.newField instanceof field; // true
object.newField instanceof Object; // true

object.newField2 instanceof field; // false
object.newField2 instanceof Object; // true

或者继承链是：

object.newField  -> field.prototype -> Object.prototype -> null

object.newField2 -> Object.prototype -> null

其中“->”意思是“继承自”。

Answer 2

对于第一个选项...远离使用“new”。如果“new”使用错误，或者在应该使用时省略，则可能会对全局命名空间产生严重影响。另外，在代码中的某些地方使用“this”时必须小心，因为它可能绑定到您认为不存在的东西，甚至绑定到全局数据。

在您提供的第二个选项中，您可以安全地将其用于仅用作数据/方法集合的对象（即不是“类类”行为）。如果您想要可以使用私有和公共变量/方法创建多个实例并且可以继承的东西，那么您应该使用返回对象的函数。

我写了一篇相当大的文章和示例这里< /a> 如何安全地创建基础对象并使用继承。如果您点击该链接，您就会明白为什么我没有在这篇文章中重新输入所有内容；）。

希望这有帮助...