在 JavaScript 中删除对象

delete 操作符只删除一个引用，而不是一个对象本身。如果它确实删除了对象本身，其他剩余的引用就会悬空，就像 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 中测试。）

---

“隐式声明的变量”是全局对象的属性，因此 delete 对它们起作用，就像它对任何属性起作用一样。用 var 声明的变量是坚不可摧的。

---

来自 Mozilla 文档，“您可以使用 delete 运算符删除隐式声明的变量，但不能删除使用 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，两者都是空对象。

---

将变量设置为 null 可确保中断所有浏览器中对对象的任何引用，包括在 DOM 元素和 Javascript 范围之间进行的循环引用。通过使用 delete 命令，我们将对象标记为在下次运行垃圾收集时清除，但如果有多个变量引用同一个对象，删除单个变量不会释放对象，它只会删除之间的链接那个变量和对象。并且在垃圾收集的下一次运行中，只会清理变量。

---

刚刚找到了一个您可能认为有趣的 jsperf。 （将其保留在周围以完成图片可能会很方便）

它比较删除、设置 null 和设置未定义。

但请记住，它会在您多次删除/设置属性时测试情况。

---

除了 GC 问题，为了性能，应该考虑浏览器可能在后台进行的优化 ->

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

似乎将引用设为空而不是删除它可能会更好，因为这可能会改变 Chrome 使用的幕后“类”。

---

IE 5 到 8 有一个错误，在宿主对象（窗口、全局、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 中将始终返回 true。

如果你真的需要财产真正消失......

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 开发工具或 FireFox Web 控制台中测试我的代码非常有用。

---

这对我有用，虽然它不是一个好习惯。它只是删除对象所属的所有关联元素。

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

---