Le migliori pratiche per estendere gli oggetti in underscore.js

Question

So che si estende oggetti viene fatto tramite il metodo

_.extend(parent, child); 

.

ho visto diversi posti nel web dove le persone si estendono gli oggetti in modo speciale in underscore.js

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

Perché lo fanno?

Answer 1

Secondo la sottolineatura documentation, l'API del metodo _.extend è

_.extend(destination, *sources) 

Primo campione

_.extend(parent, child); 

In questo esempio di codice, si stanno effettivamente estendendo le proprietà dall'oggetto figlio all'oggetto padre. Qui l'oggetto genitore viene modificato.

secondo campione

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

Nel caso in cui non si desidera modificare l'oggetto padre, e ancora voglia sia le proprietà di padre e figlio. Puoi usare questo. Qui si sta estendendo l'oggetto genitore e l'oggetto figlio a un nuovo oggetto.

Answer 2

Il metodo di estensione di Underscore sovrascrive il primo argomento passato. Ma la maggior parte delle volte non lo vuoi. Vuoi solo un altro oggetto dove il secondo è esteso con il metodo del primo.

Quindi si passa un oggetto vuoto come oggetto contenitore per il risultato.

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

Answer 3

Prendete questo esempio:

myConfig = { name: 'bob' } 

yourConfig = { name: 'sam' } 

_.extend(myConfig, yourConfig); 

Ora, myConfig è rovinati. Ho sovrascritto il valore originale di myConfig.name e non potrò mai riaverlo.

Per preservare myConfig e yourConfig, devo combinare entrambi in un oggetto 3:

myConfig = { name: 'bob' } 

yourConfig = { name: 'sam' } 

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