Видалення об'єктів у JavaScript

Я трохи плутаюся з deleteоператором JavaScript . Візьміть такий код:

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

var foo = obj;

delete obj;

Після того, як цей фрагмент коду був виконаний, objє null, але fooвсе ще відноситься до об'єкта точно так само obj. Я здогадуюсь, що цей об’єкт - той самий об’єкт, на який fooвказували.

Це мене бентежить, тому що я очікував, що написання delete objвидалить об’єкт, який objвказував на пам'ять, а не лише змінну obj.

Це тому, що JavaScript Garbage Collector працює на основі збереження / випуску, так що, якщо б у мене не було жодних інших змінних, що вказували б на об'єкт, його було б видалено з пам'яті?

(До речі, моє тестування було зроблено в Safari 4.)

Оператор видалення видаляє лише посилання, ніколи сам об'єкт. Якби він видалив сам об'єкт, інші решта посилань будуть звисати, як видалення C ++. (А звернення до одного з них призведе до збою. Змусити їх зробити всі нульовими - це означає мати додаткову роботу при видаленні або додаткову пам'ять для кожного об'єкта.)

Оскільки Javascript збирається сміттям, вам не потрібно видаляти самі об’єкти - вони будуть видалені, коли більше не можна буде посилатися на них.

Видалення посилань на об'єкт може бути корисним, якщо ви закінчите з ними, оскільки це дає сміттєзбірнику більше інформації про те, що можна відшкодувати. Якщо посилання залишаються на великий об'єкт, це може призвести до незатребуваності, навіть якщо решта програми фактично не використовує цей об'єкт.

deleteКоманда не робить ніякого впливу на звичайні змінні, тільки властивості. Після deleteкоманди команда властивість не має значення null, вона взагалі не існує.

Якщо властивість є посиланням на об'єкт, deleteкоманда видаляє властивість, але не об'єкт. Збирач сміття піклуватиметься про об’єкт, якщо на нього немає інших посилань.

Приклад:

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'

(Випробувано в Firefox.)

"змінні, оголошені неявно", є властивостями глобального об'єкта, тому видаляйте роботи над ними так, як це працює на будь-якому властивості. Змінні, задекларовані за допомогою var, не руйнуються.

Виходячи з Документації Mozilla, "Ви можете використовувати оператор видалення для видалення змінних, оголошених неявно, але не тих, які оголошені з оператором var."

Ось посилання: https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Operators:Special_Operators:delete_Operator

delete не використовується для видалення об'єкта в Java Script.

deleteвикористовується для видалення object keyу вашому випадку

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

об'єкт не видалено. Перевірте, що obj все одно приймає однакові значення видалення:

delete obj.helloText

а потім перевірте obj, foo, що обидва є порожнім об'єктом.

Щойно знайдений jsperf, який ви можете вважати цікавим у світлі цього питання. (може бути зручно тримати його навколо, щоб завершити малюнок)

Він порівнює видалення , встановлення нуля та параметр невизначений .

Але майте на увазі, що він перевіряє випадок, коли ви видаляєте / встановлюєте властивість багато разів.

Крім питань щодо GC, для продуктивності слід враховувати оптимізацію, яку браузер може робити у фоновому режимі ->

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

Здається, може бути кращим звести нанівець посилання, ніж видалити його, оскільки це може змінити позакласний «клас», який використовує Chrome.

IE 5 - 8 має помилку, коли за допомогою видалення на властивості об'єкта хоста (Window, Global, DOM тощо) викидає TypeError "об'єкт не підтримує цю дію".

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
}

Пізніше, якщо вам потрібно перевірити, де властивість має значення значення повного використання, el.foo !== undefinedтому що "foo" in el завжди поверне вірно в IE.

Якщо вам дійсно потрібна власність, щоб справді зникнути ...

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

якщо вам потрібно використовувати об'єкт хосту з api хостом ...

el.parent.removeChild(el._host);

Я натрапив на цю статтю в пошуках цієї самої відповіді. Що я в кінцевому підсумку робив - це просто вискакувати obj.pop()всі збережені значення / об'єкти в моєму об'єкті, щоб я міг повторно використовувати об'єкт. Не впевнений, це погана практика чи ні. Ця методика була мені в нагоді для тестування мого коду в інструментах Chrome Dev або веб-консолі FireFox.

Ця робота для мене, хоча це не є хорошою практикою. Він просто видаляє весь асоційований елемент, з яким належить об'єкт.

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

Встановлення змінної nullдозволяє гарантувати порушення будь-яких посилань на об'єкти у всіх браузерах, включаючи кругові посилання між елементами DOM та областями Javascript. Використовуючи deleteкоманду, ми позначаємо об'єкти, які слід очистити під час наступного запуску збору сміття, але якщо є кілька змінних, що посилаються на один і той же об'єкт, видалення однієї змінної НЕ звільнить об'єкт, він просто видалить зв'язок між цією змінною та об’єкт. А під час наступного запуску збору сміття буде очищена лише змінна.