Sostituire un oggetto javascript con un altro oggetto

Question

Durante il caricamento della pagina sto creando due oggetti Javascript, objDemo1 e objDemo1Backup in cui quest'ultimo è semplicemente una copia esatta del primo.

ad es.

objDemo1 { 
    sub_1 = { something: 123, somethingElse: 321 }, 
    sub_2 = { something: 456, somethingElse: 654 } 
} 

posso modificare i valori in sub_ così come aggiungere/eliminare nuovi sub_ 's, ma l'unico oggetto che sto Editing è objDemo1. vale a dire che non ho mai cambiare objDemo1Backup

Ho un pulsante di reset che se cliccato ripristinerà objDemo1 indietro a quello che era quando la pagina caricata in origine (vale a dire objDemo1 = objDemo1Backup). Questo è dove sto avendo il problema ..

Come impostare objDemo1 su objDemo1Backup?

ho provato:

objDemo1 = objDemo1Backup; 

e

objDemo1 = null; 
var objDemo1 = objDemo1Backup; 

... così come le variazioni simili, ma nulla sembra funzionare. Qualche idea?

• Nota: Posso confermare che in corrispondenza del punto di ripristino, objDemo1Backup è esattamente lo stesso come lo era quando ho creato e objDemo1 è cambiato.
• Il mio codice sta sicuramente colpendo la funzionalità "reset", dove ho provato il objDemo1 = objDemo1Backup ... Non riesco a capire la sintassi per sostituire l'oggetto.

Answer 1

In oggetti JavaScript vengono passati per riferimento, mai per valore. Quindi:

var objDemo, objDemoBackup; 
objDemo = { 
    sub_1: "foo"; 
}; 
objDemoBackup = objDemo; 
objDemo.sub_2 = "bar"; 
console.log(objDemoBackup.sub_2); // "bar" 

Per ottenere una copia, è necessario utilizzare una funzione di copia. JavaScript non ne ha uno in modo nativo, ma qui è un'implementazione clone: How do I correctly clone a JavaScript object?

var objDemo, objDemoBackup; 
objDemo = { 
    sub_1: "foo"; 
}; 
objDemoBackup = clone(objDemo); 
objDemo.sub_2 = "bar"; 
console.log(objDemoBackup.sub_2); // undefined 

Answer 2

sto usando angularjs e mi c'è voluto del tempo per scoprire come copiare un oggetto ad un altro oggetto. Normalmente si otterrà un clone oggetti chiamando clone o qui in angolare copia:

var targetObj = angular.copy(sourceObj); 

Questo vi dà una nuova istanza clonato (con un nuovo riferimento) dell'oggetto sorgente. Ma una rapida occhiata nella documentazione in mostra il secondo parametro di copia:

angular.copy(sourceObj, targetObj) 

In questo modo è possibile ignorare un oggetto di destinazione con i campi e le modalità della sorgente e anche a mantenere gli oggetti target di riferimento.