Javascript: Configuración de las propiedades del objeto

Question

yo quiero ser capaz de hacer esto:

var user1 = { 
    name: 'John', 
    gender: 'male' 
} 


var user2 = { 
    name: 'James', 
    gender: 'male', 
    email: 'james@gmail.com' 
} 

user1.someSetMethod({email: 'john@gmail.com'}); 
user2.someSetMethod({name: 'Jenny', gender: 'female'}); 

Resultado deseado:

var user1 = { 
    name: 'John', 
    gender: 'male', 
    email: 'john@gmail.com' 
} 


var user2 = { 
    name: 'Jenny', 
    gender: 'female', 
    email: 'james@gmail.com' 
} 

Quiero un método que va a establecer los atributos de acuerdo a lo que es pasó a la función. Es que el atributo no existe Quiero que se cree, si lo hace, quiero que se sobrescriba.

¿Existe un método como este en Javascript?

Answer 1

Este es normalmente llamado extendiendo tu objeto. Prácticamente todas las bibliotecas de JavaScript tienen su propio método para hacer esto. O puede escribir el suyo en unas pocas líneas de código.

• jQuery extend
• underscore.js extend
• ExtJS extend
• MooTools extend
• Prototype extend

Utilizando el método de jQuery, usted lo haría así:

var user1 = { 
    name: 'John', 
    gender: 'male' 
}; 

$.extend(user1, { 
    email: 'john@gmail.com' 
}); 

user1.email === 'john@gmail.com'; //true 

Answer 2

No, usted no quiere hacer esto.

La única forma de agregar un método a todos los objetos es ampliar Object.prototype.

Hacerlo (en navegadores ES3 como IE8) tiene como consecuencia la adición de propiedades a las enumeraciones.

Por ejemplo:

Object.prototype.extend = function (o) { 
    // clone properties of o into this 
}; 

var someObj = {}; 
for (var key in someObj) { 
    console.log(key); // "extend" 
} 

Lo mejor que puede hacer es usar Object.extend

Object.extend(user2, { 
    name: "Jenny", 
    gender: "female" 
}); 

pd tiene una implementación de extend o puede utilizar:

Object.extend = function (target, source) { 
    for (var key in source) { 
    target[key] = source[key]; 
    } 
}; 

Answer 3

Si está dispuesto a usar jquery, puede usar su método extend, junto con algunos valores predeterminados que garantizarán que todas las propiedades que desea estén configuradas correctamente.

Algo como esto:

function whatever(obj1) { 
    var defaults = { 
     name: 'Foo Bar', 
     email: 'email@example.com', 
     gender: 'male' 
    }; 

    return $.extend(defaults, obj1); 
}