javascript: ustawienie właściwości obiektu

Question

Chcę móc to zrobić:

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'}); 

pożądanego rezultatu:

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


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

chcę metodę, która będzie wyznaczać atrybuty według tego, co jest przeszedł do funkcji. Czy atrybut nie istnieje Chcę go utworzyć, jeśli tak, chcę go nadpisać.

Czy taka metoda istnieje w Javascript?

Answer 1

To jest normalnie o nazwie rozszerzenie Twój obiekt. Praktycznie każda biblioteka JavaScript ma własną metodę, aby to zrobić. Możesz też napisać własne w kilku linijkach kodu.

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

Stosując metodę jQuery, można zrobić to tak:

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

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

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

Answer 2

Nie, nie chcesz tego robić.

Jedynym sposobem dodania metody do wszystkich obiektów jest rozszerzenie Object.prototype.

Takie działanie (w przeglądarkach ES3, takich jak IE8) powoduje dodanie właściwości do wyliczeń.

Na przykład:

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

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

Najlepsze co możesz zrobić, to użyć Object.extend

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

pd ma implementację extend lub można użyć:

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

Answer 3

Jeśli chcesz używać jquery, możesz skorzystać z jego metody rozszerzania, wraz z pewnymi ustawieniami, które sprawią, że wszystkie pożądane właściwości będą poprawnie ustawione.

coś takiego:

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

    return $.extend(defaults, obj1); 
}