Unterschied zwischen Object.assign und Objekt verteilt

Question

Mit

var obj = { a: 1, b: 2}; 

Was sind die Unterschiede zwischen

obj = Object.assign(obj, { c: 3}); 

Und

obj = {...obj, c: 3 }; 

Answer 1

Der Unterschied ist, dass, wenn eine Ausbreitung verwenden Sie immer Erstellen eines neuen Objekts:

const a = { name: 'Joe Bloggs' } 
 
const b = { ...a, age: 27 }; 
 

 
console.log(a === b) //=> false

Verwendung jedoch Object.assign Es ist möglich, ein bestehendes Objekt zu mutieren:

const a = { name: 'Joe Bloggs' } 
 
const b = Object.assign(a, { age: 27 }); 
 

 
console.log(a === b) //=> true

Sie können das Verhalten eines Objekts Aufstrich mit Object.assign durch ein erzielen vorbei Objektliteral als erstes Argument:

const a = { name: 'Joe Bloggs' } 
 
const b = Object.assign({}, a, { age: 27 }); 
 

 
console.log(a === b) //=> false