dos formas de crear objetos en javascript

Question

estoy creando Javascript objeto haciendo algo como:

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

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

Entonces asignar un objeto a otro.

object.newField = a; 

La segunda forma de hacerlo es crear una nueva propiedad directamente

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

intento leer los objetos de otras funciones. Sin embargo, se comportan de manera diferente cuando codifico el objeto, se ve bien. ¿Cuál es la diferencia entre las dos propiedades que creé?

btw ¿Hay alguna diferencia del siguiente objeto?

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

Answer 1

La diferencia es que en el primer caso, el objeto creado hereda de field.prototype entonces Object.prototype (es decir, su interior [[Prototype]] es field.prototype, cuyo interior [[ Prototype]] es Object.prototype), donde, como en el segundo caso, solo hereda de Object.prototype.

Otra forma de verlo es:

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

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

o las cadenas de herencia son:

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

object.newField2 -> Object.prototype -> null 

donde '->' significa "hereda de".

Answer 2

Para la primera opción ... Aléjate de usar "nuevo". Puede afectar gravemente su espacio de nombres global si "nuevo" se usa incorrectamente, o se omite cuando se debe usar. Además, debes tener cuidado con el uso de "esto" en algunos lugares dentro de tu código, ya que podría estar ligado a algo que no crees que sea, o incluso a tus datos globales.

En su segunda opción que proporcionó, puede usarla con seguridad para objetos que solo se utilizan como una colección de datos/métodos (es decir, no como un comportamiento "de clase"). Si desea algo con lo que pueda crear múltiples instancias de variables/métodos públicos y privados y pueda heredarlo, deberá usar una función que devuelva un objeto.

Hice una escritura bastante grande y ejemplo here de cómo crear de forma segura los objetos base y usar la herencia. Si sigues el enlace, verás por qué no volví a escribir todo en esta publicación;).

Espero que esto ayude ...