Javascript中的delete操作符详细介绍
一、变量
说到javascript中的delete操作符,还是首先要搞清楚javascript中的变量和属性之间的关系。
javascript中,变量和对象属性关系非常微妙,甚至可以很多时候会被等同起来,因为javascript在执行脚本之前会创建一个global对象,在浏览器中就是window对象,所有的全局变量都是这个global对象的属性,执行函数时也会创建一个activation对象,所有的局部变量都是这个activation对象的属性。这些可以大家可以去了解一下javascript作用域和闭包。
//原型中声明的属性无法被删除
varglobal=1;
this.global;//1,可以通过this来访问global对象
this.global2=2;
global2;//12
functionfoo(){
varlocal=36;
//不过无法直接访问activation,
//因此无法通过foo.local的方式来访问local变量
}
似乎变量就等同于对象属性,其实不然,至少对于delete操作符来说还是不一样的。我的理解是变量声明是必须通过var语句来完成的,未通过var语句声明的全局变量都是都是window对象的属性。这样就很容易的理解变量和对象属性的关系了。
二、delete操作符
delete操作符是用来删除对象属性的。对于引用类型的值,它也是删除对象属性的本身,不会删除属性指向的对象。如果有疑问可以看看基本类型和引用类型的值,或者测试下面的代码:
varo={};
vara={x:10};
o.a=a;
deleteo.a;//o.a属性被删除
console.log(o.a);//undefined
console.log(a.x);//10,因为{x:10}对象依然被a引用,所以不会被回收
另外,deleteo.x也可以写作deleteo["x"],两者效果相同。
三、变量是不能删除的
通过var声明的变量和通过function声明的函数拥有dontdelete特性,是不能被删除。未通过var声明的全局变量(全局对象的属性)
varglobal={
a:123,
b:{
c:1345
}
};
deleteglobal;//无效
console.log(global)
obj={
a:123
};
deleteobj;//删除obj全局变量,window对象的obj属性
console.log(obj);//objisnotdefined四、原型中声明的属性和对象自带的属性无法被删除
原型prototype中声明的属性和对象自带的属性(其实这些属性也是在原型prototype中的)可以认为是带有dontdelete的特性的,无法被删除。例如
//原型中声明的属性无法被删除
functionobj(){
this.x=1;
}
obj.prototype.x=2;
varo=newobj();
console.log(o.x);//1,构造函数中定义的o.x
deleteo.x;
console.log(o.x);//2,prototype中定义的o.x,即使再次执行deleteo.x也不会被删除
//对象自带的属性无法被删除
varstrings="123456";
console.log(strings.length);//6
deletestrings.length;
console.log(strings.length);//依然是6
五、eval语句下的几个例外
eval执行的代码中,通过var声明的变量虽然与正常的var声明变量同属于global对象,但它们不具有dontdelete特性,能被删除。但是eval的代码中的函数内通过var定义的变量具有dontdelete,不能被删除。
eval("varx=42;");
x;//=>42
deletex;
x;//=>referenceerror:xisnotdefined
eval("functionf(){return12;}");
f();//=>12
deletef;
f();//=>referenceerror:fisnotdefined
//eval执行的代码中,通过var声明的变量虽然与正常的var声明变量同属于global对象,
//但它们不具有dontdelete特性,能被删除。
eval("(function(){"+
"varx=42;"+
"deletex;"+
"returnx;"+
"})();")
//=>42
//eval的代码中的函数内通过var定义的变量具有dontdelete,不能被删除。
六、delete的返回值
delete是普通运算符,会返回true或false。当被delete的对象的属性存在并且拥有dontdelete时返回false,否则返回true。这里的一个特点就是,对象属性不存在时也返回true,所以返回值并非完全等同于删除成功与否。
functionc(){
this.x=42;
}
c.prototype.y=12;
varo=newc();
deleteo.x;//true
o.x;//undefined
"x"ino;//false
//o.x存在并且没有dontdelete,返回true
deleteo.y;//true
o.y;//12
//o自身没有o.y属性,所以返回true
//从这里也可以看到prototype链的存在,对象自身属性和prototype属性是不同的
deleteo;//false
//global.o拥有dontdelete特性所以返回false
deleteundefinedproperty;//true
//global没有名为undefinedproperty的属性因此返回true
delete42;//true
//42不是属性所以返回true。有的实现会抛出异常(违反ecmascript标准)
varx=24;
deletex++;//true
x;//25
//被删除的是x++的返回值(24),不是属性,所以返回true