Javascript中的delete操作符详细介绍

更新时间：2014年06月06日 09:55:53 作者：

这篇文章主要介绍了Javascript中的delete操作符详细介绍,着重介绍了哪些情况可以使用delete操作符,以有delete操作符的返回值等问题,需要的朋友可以参考下

一、变量

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

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

复制代码代码如下:

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

var global = 1;
this.global; // 1, 可以通过this来访问global对象
this.global2 = 2;
global2; // 12
function foo() {
var local = 36;
// 不过无法直接访问activation，
// 因此无法通过 foo.local 的方式来访问local变量
}

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

二、delete操作符

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

复制代码代码如下:

 
var o = {};
var a = { x: 10 };
o.a = a;
delete o.a; // o.a属性被删除
console.log(o.a); // undefined
console.log(a.x); // 10, 因为{ x: 10 } 对象依然被 a 引用，所以不会被回收

另外，delete o.x 也可以写作 delete o["x"]，两者效果相同。

三、变量是不能删除的

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

复制代码代码如下:

 
var global = {
    a: 123,
    b: {
        c: 1345
    }
};
delete global; //无效
console.log(global)

obj = {
    a: 123
};
delete obj; // 删除obj全局变量，window对象的obj属性
console.log(obj);//obj is not defined

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

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

复制代码代码如下:

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

function obj() {
    this.x = 1;
}
obj.prototype.x = 2;

var o = new obj();
console.log(o.x); // 1, 构造函数中定义的o.x

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

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

var strings = "123456";
console.log(strings.length);//6
delete strings.length;
console.log(strings.length);//依然是6

五、eval语句下的几个例外

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

复制代码代码如下:

eval("var x = 42;");
x; // => 42
delete x;
x; // => referenceerror: x is not defined
eval("function f() { return 12; }");
f(); // => 12
delete f;
f(); // => referenceerror: f is not defined
//eval执行的代码中，通过var声明的变量虽然与正常的var声明变量同属于global对象，
// 但它们不具有dontdelete特性，能被删除。
eval("(function () {" +
    " var x = 42;" +
    " delete x;" +
    " return x;" +
    "})();")
// => 42
// eval的代码中的函数内通过var定义的变量具有dontdelete，不能被删除。

六、delete的返回值

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

复制代码代码如下:

 
function c() {
    this.x = 42;
}
c.prototype.y = 12;
var o = new c();

delete o.x; // true
o.x; // undefined
"x" in o; // false
// o.x存在并且没有dontdelete，返回true

delete o.y; // true
o.y; // 12
// o自身没有o.y属性，所以返回true
// 从这里也可以看到prototype链的存在，对象自身属性和prototype属性是不同的

delete o; // false
// global.o拥有dontdelete特性所以返回false

delete undefinedproperty; // true
// global没有名为undefinedproperty的属性因此返回true

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

var x = 24;
delete x++; // true
x; // 25
// 被删除的是x++的返回值(24)，不是属性，所以返回true

您可能感兴趣的文章:

浅谈javascript中的加减时间
下面小编就为大家带来一篇浅谈javascript中的加减时间。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
JavaScript 表单处理实现代码
这篇文章主要介绍了JavaScript 表单处理实现代码,需要的朋友可以参考下
2015-04-04
window.location.reload 刷新使用分析(去对话框)
这篇文章主要介绍了window.location.reload 刷新使用分析(去对话框),需要的朋友可以参考下
2015-11-11
Javascript基础教程之数据类型转换
JavaScript是一种无类型语言，但同时JavaScript提供了一种灵活的自动类型转换的处理方式。基本规则是，如果某个类型的值用于需要其他类型的值的环境中，JavaScript就自动将这个值转换成所需要的类型。
2015-01-01
老生常谈javascript变量的命名规范和注释
下面小编就为大家带来一篇老生常谈javascript变量的命名规范和注释。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
详解JavaScript函数绑定
在JavaScript与DOM交互中经常需要使用函数绑定，定义一个函数然后将其绑定到特定DOM元素或集合的某个事件触发程序上，绑定函数经常和回调函数及事件处理程序一起使用，以便把函数作为变量传递的同时保留代码执行环境
2013-08-08
前端编码规范（3）JavaScript 开发规范
这篇文章主要介绍了前端编码规范（3）JavaScript 开发规范,需要的朋友可以参考下
2017-01-01
JSON为什么那样红为什么要用json(另有洞天)
json是1年内迅速红遍全球的东东;json.org是一种简洁有效的数据载体,是一种用字符串表示复杂js对象的方式，后端好生成，前端0解释,接下来详细介绍json风行的几点原因
2012-12-12
你必须知道的JavaScript 变量命名规则详解
在编写代码的时候难免涉及到变量的命名问题，不能只要求变量名的语法正确，而忽略了变量命名对代码可读性的影响
2013-05-05
浅谈javascript构造函数与实例化对象
JavaScript 中的构造函数和其它语言中的构造函数是不同的。通过 new 关键字方式调用的函数都被认为是构造函数。任何JavaScript 函数都可以用做构造函数，构造函数必须使用new 运算符作为前缀来创建新的实例。
2015-06-06