Javascript: thiết lập các thuộc đối tượng

Question

Tôi muốn để có thể làm điều này:

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

Kết quả mong muốn:

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


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

Tôi muốn có một phương pháp mà sẽ đặt thuộc tính theo những gì là được chuyển vào hàm. Là thuộc tính không tồn tại tôi muốn nó được tạo ra, nếu có, tôi muốn nó được ghi đè.

Phương pháp này có tồn tại trong Javascript không?

Answer 1

Đây là bình thường được gọi là mở rộng đối tượng của bạn. Hầu như mọi thư viện JavaScript đều có phương pháp riêng để thực hiện điều này. Hoặc bạn có thể viết của riêng bạn trong một vài dòng mã.

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

Sử dụng phương pháp của jQuery, bạn muốn làm điều đó như vậy:

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

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

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

Answer 2

Không, bạn không muốn thực hiện việc này.

Cách duy nhất để thêm phương thức cho tất cả các đối tượng là gia hạn Object.prototype.

Làm như vậy (trong các trình duyệt ES3 như IE8) có hệ quả là thêm thuộc tính vào danh sách liệt kê.

Ví dụ:

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

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

Điều tốt nhất bạn có thể làm là sử dụng Object.extend

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

pd có một thực hiện extend hoặc bạn có thể sử dụng:

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

Answer 3

Nếu bạn sẵn sàng sử dụng jquery, bạn có thể sử dụng phương pháp mở rộng của nó, cùng với một số giá trị mặc định sẽ đảm bảo tất cả các thuộc tính bạn muốn được đặt chính xác.

Something như thế này:

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

    return $.extend(defaults, obj1); 
}