Eliminazione di oggetti in JavaScript

Sono un po 'confuso con l' deleteoperatore JavaScript . Prendi il seguente codice:

var obj = {
    helloText: "Hello World!"
};

var foo = obj;

delete obj;

Dopo che questo pezzo di codice è stato eseguito, objè null, ma foofa ancora riferimento a un oggetto esattamente come obj. Immagino che questo oggetto sia lo stesso oggetto che ha fooindicato.

Questo mi confonde, perché mi aspettavo che la scrittura delete objcancellasse l'oggetto a cui objpuntava in memoria, non solo la variabile obj.

Questo perché Garbage Collector di JavaScript funziona su una base di mantenimento / rilascio, in modo che se non avessi altre variabili che puntano all'oggetto, verrebbe rimosso dalla memoria?

(A proposito, i miei test sono stati eseguiti in Safari 4.)

L'operatore delete cancella solo un riferimento, mai un oggetto stesso. Se eliminasse l'oggetto stesso, altri riferimenti rimanenti sarebbero penzolanti, come una cancellazione C ++. (E accedendo a uno di essi si verificherebbe un arresto anomalo. Renderli tutti impostati su null significherebbe avere un lavoro extra durante l'eliminazione o memoria aggiuntiva per ogni oggetto.)

Poiché Javascript viene raccolto in modo inutile, non è necessario eliminare gli oggetti stessi: verranno rimossi quando non è più possibile fare riferimento a essi.

Può essere utile eliminare i riferimenti a un oggetto se hai finito con loro, perché ciò fornisce al garbage collector maggiori informazioni su ciò che può essere recuperato. Se i riferimenti rimangono su un oggetto di grandi dimensioni, ciò può non essere reclamato, anche se il resto del programma non utilizza effettivamente quell'oggetto.

Il deletecomando non ha alcun effetto sulle variabili regolari, solo sulle proprietà. Dopo il deletecomando la proprietà non ha il valore null, non esiste affatto.

Se la proprietà è un riferimento a un oggetto, il deletecomando elimina la proprietà ma non l'oggetto. Il Garbage Collector si prenderà cura dell'oggetto se non ha altri riferimenti ad esso.

Esempio:

var x = new Object();
x.y = 42;

alert(x.y); // shows '42'

delete x; // no effect
alert(x.y); // still shows '42'

delete x.y; // deletes the property
alert(x.y); // shows 'undefined'

(Testato in Firefox.)

Le "variabili dichiarate implicitamente" sono proprietà dell'oggetto globale, quindi cancellare funziona su di esse come funziona su qualsiasi proprietà. Le variabili dichiarate con var sono indistruttibili.

Proveniente dalla documentazione di Mozilla, "È possibile utilizzare l'operatore delete per eliminare le variabili dichiarate implicitamente ma non quelle dichiarate con l'istruzione var".

Ecco il link: https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Operators:Special_Operators:delete_Operator

delete non viene utilizzato per eliminare un oggetto in java Script.

deleteusato per rimuovere un object keynel tuo caso

var obj = { helloText: "Hello World!" }; 
var foo = obj;
delete obj;

l'oggetto non viene cancellato controlla che obj abbia ancora gli stessi valori elimina utilizzo:

delete obj.helloText

e quindi controllare obj, foo, entrambi sono oggetti vuoti.

Ho appena trovato un jsperf che potresti considerare interessante alla luce di questa faccenda. (potrebbe essere utile tenerlo in giro per completare l'immagine)

Confronta l' eliminazione , l'impostazione null e l'impostazione indefinita .

Ma tieni presente che verifica il caso quando elimini / imposti la proprietà molte volte.

A parte le domande sul GC, per le prestazioni si dovrebbero considerare le ottimizzazioni che il browser potrebbe fare in background ->

http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/

Sembra che sia meglio annullare il riferimento piuttosto che eliminarlo poiché ciò potrebbe cambiare la 'classe' dietro le quinte utilizzata da Chrome.

IE da 5 a 8 presenta un bug in cui l'utilizzo di delete sulle proprietà di un oggetto host (Window, Global, DOM ecc.) Genera TypeError "L'oggetto non supporta questa azione".

var el=document.getElementById("anElementId");
el.foo = {bar:"baz"};
try{
    delete el.foo;
}catch(){
    //alert("Curses, drats and double double damn!");
    el.foo=undefined; // a work around
}

In seguito, se è necessario verificare dove la proprietà ha un significato, utilizzare l'intero valore el.foo !== undefinedperché "foo" in el restituirà sempre true in IE.

Se hai davvero bisogno che la proprietà scompaia davvero ...

function hostProxy(host){
    if(host===null || host===undefined) return host;
    if(!"_hostProxy" in host){
       host._hostproxy={_host:host,prototype:host};
    }
    return host._hostproxy;
}
var el=hostProxy(document.getElementById("anElementId"));
el.foo = {bar:"baz"};

delete el.foo; // removing property if a non-host object

se è necessario utilizzare l'oggetto host con API host ...

el.parent.removeChild(el._host);

Mi sono imbattuto in questo articolo nella mia ricerca di questa stessa risposta. Quello che ho finito per fare è semplicemente estrarre obj.pop()tutti i valori / oggetti memorizzati nel mio oggetto in modo da poter riutilizzare l'oggetto. Non sono sicuro se questa è una cattiva pratica o no. Questa tecnica mi è stata utile per testare il mio codice con gli strumenti Chrome Dev o FireFox Web Console.

Questo lavoro per me, sebbene non sia una buona pratica. Elimina semplicemente tutto l'elemento associato a cui appartiene l'oggetto.

 for (element in homeService) {
          delete homeService[element];
  }

L'impostazione di una variabile per nullassicurarsi di interrompere qualsiasi riferimento agli oggetti in tutti i browser, inclusi riferimenti circolari tra elementi DOM e ambiti Javascript. Usando il deletecomando stiamo contrassegnando gli oggetti da cancellare alla prossima esecuzione della Garbage Collection, ma se ci sono più variabili che fanno riferimento allo stesso oggetto, l'eliminazione di una singola variabile NON libererà l'oggetto, rimuoverà semplicemente il collegamento tra quella variabile e l'oggetto. E alla prossima esecuzione della Garbage Collection, verrà pulita solo la variabile.