delete

3 位贡献者:

概述

 delete 操作符用来删除一个对象的属性。

语法

delete expression

 expression 的计算结果应该是一个对象的属性引用,例如:

delete variableName //variableName必须是一个隐式声明的全局变量.
delete objectExpression.property
delete objectExpression["property"]
delete objectExpression[index]
delete property // 只有在with语句块内才合法.

如果 expression 的计算结果不是一个对象的属性引用,那么,delete不会起任何作用。

参数

objectName
对象名.
property
需要删除的属性.
index
需要删除的数组索引.

返回值

严格模式中,如果属性是一个不可配置(non-configurable)属性,删除时会抛出异常,非严格模式下返回 false。其他情况都返回 true

描述

delete 操作符与直接释放内存(只能通过解除引用来间接释放)没有关系。可查看内存管理页面。

你可以使用 delete 操作符来删除一个隐式声明的全局变量,也就是没有使用 var 定义的全局变量.全局变量其实是global对象(window)的属性.

如果 delete 操作符删除成功,则被删除的属性将从所属的对象上彻底消失。然后,如果该对象的原型链上有一个同名属性,则该对象会从原型链上继承该同名属性。

Temporal dead zone

在ECMAScript 6中,通过 constlet 声明指定的 "temporal dead zone" (TDZ) 对 delete 操作符也会起作用。因此,下面的代码将会抛出 ReferenceError

function foo() { 
  delete x;
  let x;
}

function bar() { 
  delete y; 
  const y; 
}
 
 
 
 
 
 
 
 
 

一些对象的属性不能被delete.  ECMA 262 规范中把这些属性标记为 DontDelete.

x = 42;        // 隐式声明的全局变量
var y = 43;    // 显式声明的全局变量
myobj = new Number();
myobj.h = 4;    // 添加属性h
myobj.k = 5;    // 添加属性k

delete x;       // 返回 true (隐式声明的全局变量可以被删除)
delete y;       // 返回 false (显式声明的全局变量不能被删除,该属性有DontDelete标记)
delete Math.PI; // 返回 false (内置对象的内置属性不能被删除, 该属性有DontDelete标记)
delete myobj.h; // 返回 true (用户定义的属性可以被删除)
with(myobj) { 
  delete k;    // 返回 true (相当于delete myobj.k)
} 
delete myobj;   // 返回 true (隐式声明的全局变量可以被删除)

你不能删除一个对象从原型继承而来的属性(不过你可以从原型上直接删掉它).

 function Foo(){}
 Foo.prototype.bar = 42;
 var foo = new Foo();
 delete foo.bar;           // 无效的操作
 alert(foo.bar);           // alerts 42, 继承的属性
 delete Foo.prototype.bar; // 直接删除原型上的属性
 alert(foo.bar);           // alerts "undefined",已经没有继承的属性

删除数组元素

当你删除一个数组元素时,数组的 length 属性并不会变小。例如,如果你删除了a[3], a[4]仍然是a[4], a[3]成为undefined. 即便你删除了最后一个元素也是如此 (delete a[a.length-1]).

当用 delete 操作符删除一个数组元素时,被删除的元素已经完全不属于该数组。下面的例子中, trees[3] 被使用delete彻底删除

var trees = ["redwood","bay","cedar","oak","maple"];
delete trees[3];
if (3 in trees) {
   // 这里不会被执行
}

如果你想让一个数组元素的值变为 undefined 而不是删除它,可以使用 undefined 给其赋值而不是使用 delete 操作符。下面的例子中,trees[3] 被赋值为undefined,但该元素仍然存在。

var trees = ["redwood","bay","cedar","oak","maple"];
trees[3]=undefined;
if (3 in trees) {
   // 这里会被执行
}

规范

Specification Status Comment
ECMAScript 1st Edition. Standard Initial definition. Implemented in JavaScript 1.2
ECMAScript 5.1 (ECMA-262)
The delete Operator
Standard  
ECMAScript 6 (ECMA-262)
The delete Operator
Release Candidate  

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
Temporal dead zone ? 36 (36) ? ? ?
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
Temporal dead zone ? ? 36.0 (36) ? ? ?

跨浏览器问题

虽然 ECMAScript 规定了对象的遍历顺序是由对象定义时属性的书写顺序决定的。(译者注:ES5已经对遍历机制做了调整,重新规定:属性遍历的顺序是没有被规定的), 大部分浏览器都依照这个规定,先添加的属性先被遍历(除了从原型上继承的属性)(译者注:Chrome和Opera已经遵循了ES5的新规定,具体请看)。但是,在 Internet Explorer 中,使用 delete 删除一个属性后,奇怪的事情发生了,如果被删除的属性重新被添加,那么遍历时,该属性的顺序会是上次删除前的那个位置所应该有的顺序,而不是出现在遍历的最后一个。

所以,如果你想让对象的遍历顺序兼容所有的浏览器,那么你可以使用两个数组来模拟 (一个做为keys,一个做为 values), 或者建立一个由单一属性对象组成的数组,等。

相关链接

文档标签和贡献者

向此页面作出贡献: AlexChao, ziyunfei, teoli
最后编辑者: AlexChao,
隐藏侧边栏