那些年，前端学习之路的疑难杂症（二）：delete的使用介绍

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

语法EDIT

delete expression

expression 应该是一个对象的属性引用，例如：

delete object.property

delete object['property']

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

参数

 objectName 对象名.

 property 需要删除的属性.

返回值

【注意】在严格模式中，如果属性是一个不可配置（non-configurable）属性，删除时会抛出异常，非严格模式下返回 false。其他情况都返回 true。

描述EDIT

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

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

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

Temporal dead zone

在ECMAScript 6中，通过 const 或 let 声明指定的 "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 = {
h: 4,
k: 5
}

// 隐式声明的全局变量可以被删除
delete x; // 返回 true

// 显式声明的全局变量不能被删除,该属性不可配置（not configurable）
delete y; // 返回 false

//内置对象的内置属性不能被删除
delete Math.PI; // 返回 false

//用户定义的属性可以被删除
delete myobj.h; // 返回 true

// myobj 是全局对象（window）的属性，而不是变量,因此可以被删除
delete myobj; // 返回 true

function f() {
var z = 44;

// delete doesn't affect local variable names
delete z; // returns false
}
你不能删除一个对象从原型继承而来的属性(不过你可以从原型上直接删掉它).

function Foo(){}
Foo.prototype.bar = 42;
var foo = new Foo();

// 无效的操作
delete foo.bar;

// logs 42，继承的属性
console.log(foo.bar);

// 直接删除原型上的属性
delete Foo.prototype.bar;

// logs "undefined"，已经没有继承的属性
console.log(foo.bar);
删除数组元素

当你删除一个数组元素时，数组的 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) {
// 这里会被执行
}

总结：

1.delete使用原则：delete 操作符用来删除一个对象的属性。
2.delete在删除一个不可配置的属性时在严格模式和非严格模式下的区别:
在严格模式中，如果属性是一个不可配置（non-configurable）属性，删除时会抛出异常;
非严格模式下返回 false。
3.delete能删除隐式声明的全局变量：这个全局变量其实是global对象(window)的属性
4.delete能删除的：
（1）可配置对象的属性（2）隐式声明的全局变量 （3）用户定义的属性 （4）在ECMAScript 6中，通过 const 或 let 声明指定的 "temporal dead zone" (TDZ) 对 delete 操作符也会起作用
delete不能删除的：
（1）显式声明的全局变量 （2）内置对象的内置属性 （3）一个对象从原型继承而来的属性
5.delete删除数组元素：
（1）当你删除一个数组元素时，数组的 length 属性并不会变小，数组元素变成undefined
（2）当用 delete 操作符删除一个数组元素时，被删除的元素已经完全不属于该数组。
（3）如果你想让一个数组元素的值变为 undefined 而不是删除它，可以使用 undefined 给其赋值而不是使用 delete 操作符。此时数组元素是在数组中的
6.delete 操作符与直接释放内存（只能通过解除引用来间接释放）没有关系。