Javascript中的delete操作符

变量

说到javascript中的delete操作符，还是首先要搞清楚javascript中的变量和属性之间的关系。

javascript中，变量和对象属性关系非常微妙，甚至可以很多时候会被等同起来，因为 javascript 在执行脚本之前会创建一个Global对象，在浏览器中就是window对象，所有的全局变量都是这个Global对象的属性，执行函数时也会创建一个Activation对象，所有的局部变量都是这个Activation对象的属性。这些可以大家可以去了解一下javascript作用域和闭包。

1	var global = 1;

2	this.global; // 1, 可以通过this来访问Global对象

3	this.global2 = 2;

4	global2; // 12

5	function foo() {

6	var local = 36;

7	// 不过无法直接访问Activation，

8	// 因此无法通过 foo.local 的方式来访问local变量

9

}

似乎变量就等同于对象属性，其实不然，至少对于delete操作符来说还是不一样的。我的理解是变量声明是必须通过 var 语句来完成的，未通过var 语句声明的全局变量都是都是window对象的属性。这样就很容易的理解变量和对象属性的关系了。

delete操作符

delete操作符是用来删除对象属性的。对于引用类型的值，它也是删除对象属性的本身，不会删除属性指向的对象。如果有疑问可以看看基本类型和引用类型的值，或者测试下面的代码：

1	var o = {};

2	var a = { x: 10 };

3

o.a = a;

4	delete o.a; // o.a属性被删除

5	console.log(o.a); // undefined

6	console.log(a.x); // 10, 因为{ x: 10 } 对象依然被 a 引用，所以不会被回收

 

变量是不能删除的

通过var声明的变量和通过function声明的函数拥有DontDelete特性，是不能被删除。未通过var声明的全局变量（全局对象的属性）

01	var global = {

02

a: 123,

03

b: {

04

c: 1345

05

}

06

};

07	delete global; //无效

08	console.log(global)

09

10

obj = {

11

a: 123

12

};

13	delete obj; // 删除obj全局变量，window对象的obj属性

14	console.log(obj);//obj is not defined

原型中声明的属性和对象自带的属性无法被删除

原型prototype中声明的属性和对象自带的属性(其实这些属性也是在原型prototype中的)可以认为是带有DontDelete的特性的，无法被删除。例如

01	//原型中声明的属性无法被删除

02

03	function Obj() { this.x = 1; }

04	Obj.prototype.x = 2;

05

06	var o = new Obj();

07	console.log(o.x); // 1, 构造函数中定义的o.x

08

09	delete o.x;

10	console.log(o.x); // 2, prototype中定义的o.x，即使再次执行delete o.x也不会被删除

11

12	//对象自带的属性无法被删除

13

14	var strings="123456";

15	console.log(strings.length);//6

16	delete strings.length;

17	console.log(strings.length);//依然是6

eval语句下的几个例外

eval执行的代码中，通过var声明的变量虽然与正常的var声明变量同属于Global对象，但它们不具有DontDelete特性，能被删除。但是eval的代码中的函数内通过var定义的变量具有DontDelete，不能被删除。

01	eval("var x = 42;");

02	x; // => 42

03

delete x;

04	x; // => ReferenceError: x is not defined

05	eval("function f() { return 12; }");

06	f(); // => 12

07

delete f;

08	f(); // => ReferenceError: f is not defined

09	//eval执行的代码中，通过var声明的变量虽然与正常的var声明变量同属于Global对象，

10	// 但它们不具有DontDelete特性，能被删除。

11	eval("(function () {" +

12	" var x = 42;" +

13	" delete x;" +

14	" return x;" +

15

"})();")

16

// => 42

17	// eval的代码中的函数内通过var定义的变量具有DontDelete，不能被删除。

delete的返回值

delete是普通运算符，会返回true或false。当被delete的对象的属性存在并且拥有DontDelete时 返回false，否则返回true。这里的一个特点就是，对象属性不存在时也返回true，所以返回值并非完全等同于删除成功与否。

01	function C() { this.x = 42; }

02	C.prototype.y = 12;

03	var o = new C();

04

05	delete o.x; // true

06	o.x; // undefined

07	"x" in o; // false

08	// o.x存在并且没有DontDelete，返回true

09

10	delete o.y; // true

11	o.y; // 12

12	// o自身没有o.y属性，所以返回true

13	// 从这里也可以看到prototype链的存在，对象自身属性和prototype属性是不同的

14

15	delete o; // false

16	// Global.o拥有DontDelete特性所以返回false

17

18	delete undefinedProperty; // true

19	// Global没有名为undefinedProperty的属性因此返回true

20

21	delete 42; // true

22	// 42不是属性所以返回true。有的实现会抛出异常（违反ECMAScript标准）

23

24	var x = 24;

25	delete x++; // true

26

x; // 25

27	// 被删除的是x++的返回值(24)，不是属性，所以返回true

参考来源：

http://tech.idv2.com/2008/01/09/javascript-variables-and-delete-operator/

http://nanto.asablo.jp/blog/2008/01/09/2552470

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《Javascript中的delete操作符》