`

[转]Javascript的变量与delete操作符

阅读更多

版权声明:可以任意转载,但转载时必须标明原作者charlee、原始链接http://tech.idv2.com/2008/01/09/javascript-variables-and-delete-operator/以及本声明。



刚刚看到一篇好文(原文链接), 对Javascript中的delete操作符分析得很透彻。在这里简单地介绍一下内容。

虽然是一个小小的delete操作符,其行为却异常复杂。

Javascript的变量
delete操作符删除的对象
对变量执行delete的情况
能删除的属性和不能删除的属性
能删除的变量和不能删除的变量
delete的返回值
Javascript的变量

实际上Javascript中,变量 = 对象属性,这是因为 Javascript 在执行脚本之前 会创建一个Global对象,所有的全局变量都是这个Global对象的属性, 执行函数时也会创建一个Activation对象,所有的局部变量都是这个Activation对象的属性。 如下例:

var global = 42;
this.global;    // 42, 可以通过this来访问Global对象

this.global2 = 12;
global2;        // 12

function foo() {
  var local = 36;
  // 不过无法直接访问Activation,
  // 因此无法通过 foo.local 的方式来访问local变量
}
delete操作符删除的对象

C++中也有delete操作符,它删除的是指针所指向的对象。例如:

// C++
class Object {
public:
  Object *x;
}

Object o;
o.x = new Object();
delete o.x;     // 上一行new的Object对象将被释放
但Javascript的delete与C++不同,它不会删除o.x指向的对象,而是删除o.x属性本身。

// Javascript
var o = {};
o.x = new Object();
delete o.x;     // 上一行new的Object对象依然存在
o.x;            // undefined,o的名为x的属性被删除了
在实际的Javascript中,delete o.x之后,Object对象会由于失去了引用而被垃圾回收, 所以delete o.x也就“相当于”删除了o.x所指向的对象,但这个动作并不是ECMAScript标准, 也就是说,即使某个实现完全不删除Object对象,也不算是违反ECMAScript标准。

“删除属性而不是删除对象”这一点,可以通过以下的代码来确认。

var o = {};
var a = { x: 10 };
o.a = a;
delete o.a;    // o.a属性被删除
o.a;           // undefined
a.x;           // 10, 因为{ x: 10 } 对象依然被 a 引用,所以不会被回收
另外,delete o.x 也可以写作 delete o["x"],两者效果相同。

对变量执行delete的情况

由于变量也是 Global 或者是 Activation 对象的属性,所以对变量的delete操作也是同样的结果。

var global = 42;
delete global;     // 删除Global.global

function foo() {
  var local = 36;
  delete local;    // 删除Activation.local
}
能删除的属性和不能删除的属性

并不是所有的属性都能被delete。例如,prototype中声明的属性就无法被delete:

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

var o = new C();
o.x;     // 42, 构造函数中定义的o.x

delete o.x;
o.x;     // 12,  prototype中定义的o.x,即使再次执行delete o.x也不会被删除
对象的预定义属性也无法删除。 可以认为这类属性带有DontDelete的特性。

var re = /abc/i;
delete re.ignoreCase;
re.ignoreCase; // true, ignoreCase无法删除
能删除的变量和不能删除的变量

通过var声明的变量和通过function声明的函数拥有DontDelete特性,无法被删除。

var x = 36;
delete x;
x;     // 36, x没有被删除

y = 12;
delete y;
y;     // undefined

function foo() { return 42; }
delete foo;
foo();  // 42
但是有一点例外,就是通过 eval 执行的代码中,通过var声明的变量虽然与正常的var声明变量 同属于Global对象,但它们不具有DontDelete特性,能被删除。

eval("var x = 36;");
x;     // 42
delete x;
x;     // undefined
但是这也有一点例外,eval的代码中的函数内通过var定义的变量具有DontDelete,不能被删除。

eval("(function() { var x = 42; delete x; return x; })();");
// 返回 42
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中诡异的delete操作符

    在JavaScript中,使用var声明的全局变量或函数是不能被delete操作符删除的。这是因为它们具有DontDelete特性,即不可删除属性。这些变量和函数将永远存在,即使使用delete操作符尝试删除也不会生效。但是,如果直接...

    Javascript中的delete操作符详细介绍

    说到javascript中的delete操作符,还是首先要搞清楚javascript中的变量和属性之间的关系。 javascript中,变量和对象属性关系非常微妙,甚至可以很多时候会被等同起来,因为 javascript 在执行脚本之前会创建一个...

    js中的内部属性与delete操作符介绍

    ### JS中的内部属性与delete操作符介绍 JavaScript(JS)是一种广泛使用的高级编程语言,它具备丰富的内部属性,以及特定的关键字和操作符来控制这些属性的行为。其中,`delete` 操作符是一个重要的组成部分,它...

    JavaScript delete操作符应用实例

    然而,它与C++中的`delete`操作符不同,C++的`delete`用于释放内存,而JavaScript的`delete`只是移除属性引用,不会直接影响对象本身。 在对象中使用`delete`时,如果表达式是一个对象的属性,且该属性存在,`...

    解析JavaScript中delete操作符不能删除的对象

    在JavaScript中,`delete`操作符用于删除对象的属性或者变量。然而,并非所有属性或变量都可以使用`delete`操作符删除。以下是关于JavaScript中`delete`操作符不能删除的对象的详细分析: 首先,理解`delete`的工作...

    JS删除对象中某一属性案例详解

    需要注意的是,delete操作符不能删除那些由JavaScript内置的对象(如Math对象、Array对象等)和全局对象(如window对象)中预先定义的属性,以及通过var、let、const声明的局部变量。 我们从以下几个方面深入了解...

    Javascript中的delete介绍

    现在,我们可以将delete操作符与这些概念联系起来,了解为什么有些属性可以被delete删除,而有些则不可以。delete操作符在尝试删除对象属性时,会检查这些属性是否存在于变量对象或激活对象中,并决定是否可以删除。...

    JavaScript变量声明详解

    尽管看起来`implicitGlobal`是全局的,但它实际上是一个对象属性,可以通过`delete`操作符删除,这与通过`var`声明的全局变量不同: ```javascript var explicitGlobal = 1; // 不能被删除 (function () { ...

    JavaScript程序设计课件:第 3 章 表达式与操作符.ppt

    在JavaScript编程语言中,表达式和操作符是...以上内容详细解释了JavaScript中表达式与操作符的基本概念和用法,这对于理解和编写JavaScript代码至关重要。熟悉这些基础知识有助于编写更高效、更准确的JavaScript程序。

    js delete 用法(删除对象属性及变量)

    JavaScript中的delete操作符是用于删除对象的属性或者数组中的元素,但它的使用和效果在不同的场景下有所区别。这个操作符经常被用在需要从对象上移除属性时,但需要注意的是,delete操作符并不能删除那些继承的属性...

    javascript delete 使用示例代码

    JavaScript中的delete操作符是一个用于删除对象属性或数组元素的运算符。虽然它看起来简单易用,但在实际应用中却隐藏着不少技巧和注意事项,下面将根据提供的内容详细解析delete操作符的使用场景和特点。 首先,...

    javascript的delete运算符知识点总结

    JavaScript中的`delete`运算符是一种一元操作符,它的主要作用是删除对象的属性或数组的元素。然而,`delete`并非总是能成功删除,并且它不会返回删除的值,而是返回一个布尔值来表示删除操作是否成功。下面将详细...

    Javascript var变量删除原理及实现

    尝试删除这样的变量将会失败,因为在JavaScript规范中,`delete`操作符对不可配置的属性无效: ```javascript delete a; // 在浏览器控制台中,返回 false,表示删除失败 ``` 对于在函数作用域内声明的`var`变量,...

    JavaScript_Garden_CN

    - **删除属性**: 使用`delete`操作符是唯一真正删除属性的方法。将属性值设为`undefined`或`null`只是解除了属性与其值的关联,属性本身并未被删除。 #### 函数与闭包 - **函数声明与表达式**: 函数可以被声明,也...

Global site tag (gtag.js) - Google Analytics