thực hành tốt nhất để mở rộng các đối tượng trong underscore.js

Question

Tôi biết rằng việc mở rộng đối tượng được thực hiện thông qua phương pháp

_.extend(parent, child); 

.

tôi thấy nơi khác nhau trong các trang web nơi mọi người đang mở rộng các đối tượng trong một cách đặc biệt trong underscore.js

_.extend({}, this, child); 

Tại sao chúng làm được điều đó?

Answer 1

Theo gạch documentation, Các api của phương pháp _.extend là

_.extend(destination, *sources) 

Mẫu đầu tiên

_.extend(parent, child); 

Trong mã mẫu này, bạn đang thực sự mở rộng các thuộc tính từ đối tượng trẻ em đối tượng cha. Ở đây đối tượng cha được sửa đổi.

Thứ hai mẫu

_.extend({}, parent, child); 

Trong trường hợp bạn không muốn thay đổi các đối tượng phụ huynh, và vẫn muốn cả tài sản từ cha mẹ và con. Bạn có thể sử dụng cái này. Ở đây bạn được mở rộng đối tượng phụ huynh, và đối tượng trẻ em đến một đối tượng mới.

Answer 2

mở rộng phương pháp gạch của ghi đè đối số đầu tiên được truyền cho nó. Nhưng hầu hết thời gian bạn không muốn điều đó. Bạn chỉ muốn một đối tượng khác mà đối tượng thứ hai được mở rộng bằng phương thức đầu tiên.

Vì vậy, bạn vượt qua một đối tượng rỗng như các đối tượng container cho kết quả.

var grandChild = _.extend({}, parent, child);

Answer 3

Hãy ví dụ này:

myConfig = { name: 'bob' } 

yourConfig = { name: 'sam' } 

_.extend(myConfig, yourConfig); 

Bây giờ, myConfig được clobbered. Tôi đã ghi đè giá trị ban đầu của myConfig.name, và tôi không bao giờ có thể lấy lại.

Để giữ myConfig và yourConfig, tôi cần phải kết hợp cả hai vào một đối tượng thứ 3:

myConfig = { name: 'bob' } 

yourConfig = { name: 'sam' } 

sharedConfig = _.extend({}, myConfig, yourConfig);