JavaScript中诡异的delete操作符

 这篇文章主要介绍了JavaScript中诡异的delete操作符,本文讲解了删除对象的属性、对数组的操作、对于变量的操作等内容,需要的朋友可以参考下

 
 

delete这个操作符呢,在javascript中不是很常用,但是他的特性的确很诡异。

1,删除对象的属性,代码:

代码如下:

var o = {
a: 1,
b: 2
};
delete o.a;
alert(o.a); //undefined

 

那么到底delete删除的是对象的属性还是对象的属性值呢,我开始觉得删除的应该是值,因为结果是undefined,而没有报错。但是事实上,我的看法是错误的,举例说明:

代码如下:

var o = {};
var a = {
pro: "zhenn"
};
o.c = a;
delete o.c; //删除对象o的属性a
console.log(o.c); // undefined
console.log(a.pro); // zhenn

 

通过上述代码,不难看出在delete o.c之后呢,并没有删除o.c所指向的值,也就是对象a依然存在,否则a.pro应该是过不了编译这关的。说到这里,可以这么理解delete删除对象 的属性,其实相当于删除了对对象中属性值的引用而已,但是这个值依然在对象栈中!

2,对数组的操作,先看代码:

代码如下:

var arr = [1,2,3];
delete arr[2];
console.log(arr.length); // 3
console.log(arr); // [1,2,undefined]

 

又一次证明了,delete并没有真正删除元素,只是删除了元素所对应的键值。为了更进一步认清delete的本质,和Array中的pop方法比较一下。如下:

 

代码如下:

var arr = [1,2,3];
arr.pop();
console.log(arr); // [1,2]
console.log(arr.length) // 2

 

这下应该真相大白了。

3,以上对对象和数组的操作,还很好理解,但是对于变量的操作,难免让人琢磨不透,代码如下:

代码如下:

var a = 1;
delete a;
alert(a); // 1

function fn(){ return 42; }
delete fn;
alert(fn()); // 42

b = 2;
delete b;
alert(b); // b is not defined;

 

很难解释通啊,同样是全局变量,用var声明的竟然删除不了,而直接声明的变量b竟然可以删除,不能不说delete很诡异了,在ECMA给出的解释中,也仅仅是说通过var声明的变量和通过function声明的函数拥有DontDelete特性,无法被删除。

时间: 2024-11-01 05:03:27

JavaScript中诡异的delete操作符的相关文章

JavaScript中诡异的delete操作符_javascript技巧

delete这个操作符呢,在javascript中不是很常用,但是他的特性的确很诡异. 1,删除对象的属性,代码: 复制代码 代码如下: var o = {     a: 1,     b: 2   }; delete o.a; alert(o.a);  //undefined 那么到底delete删除的是对象的属性还是对象的属性值呢,我开始觉得删除的应该是值,因为结果是undefined,而没有报错.但是事实上,我的看法是错误的,举例说明: 复制代码 代码如下: var o = {}; var

c++中new和delete操作符用法_C 语言

"new"是C++的一个关键字,同时也是操作符.当我们使用关键字new在堆上动态创建一个对象时,它实际上做了三件事:获得一块内存空间.调用构造函数.返回正确的指针.当然,如果我们创建的是简单类型的变量,第二步就会被省略. new用法: 1. 开辟单变量地址空间 1)new int; 开辟一个存放数组的存储空间,返回一个指向该存储空间的地址.int *a = new int 即为将一个int类型的地址赋值给整型指针a.  2)int *a = new int(5) 作用同上,但是同时将整

JavaScript中对象property的删除方法介绍_javascript技巧

JavaScript中,可以使用delete操作符来删除对象中的property: 复制代码 代码如下: var t = {a:42, b:26}; console.log(t);//Object {a=42, b=26} delete t.a; console.log(t);//Object {b=26} 这种property删除操作的局限性在于:delete操作符只能删除对象自身所有的property,无法删除其从prototype对象处继承而来的property.如果想删除prototyp

JavaScript delete操作符应用实例_javascript技巧

今天在看prototype代码时发现了delete这个操作符 复制代码 代码如下: unset: function(key) { var value = this._object[key]; delete this._object[key]; return value; } 查了一下手册, delete 运算符 从对象中删除一个属性,或从数组中删除一个元素. delete expression expression 参数是一个有效的 JScript 表达式,通常是一个属性名或数组元素. 说明 如

Javascript中的delete介绍_javascript技巧

一.问题的提出 我们先来看看下面几段代码,要注意的是,以下代码不要在浏览器的开发者工具(如FireBug.Chrome Developer tool)中运行,原因后面会说明: 为什么我们可以删除对象的属性: 复制代码 代码如下: var o = { x: 1 }; delete o.x; // true o.x; // undefined 但不以删除像这样声明的变量: 复制代码 代码如下: var x = 1; delete x; // false x; // 1 也不能删除像这样定义的函数:

javascript中delete方法的使用方法

delete 运算符 从对象中删除一个属性,或从数组中删除一个元素. delete expression expression 参数是一个有效的 JScript 表达式,通常是一个属性名或数组元素. 说明 如果 expression 的结果是一个对象,且在 expression 中指定的属性存在,而该对象又不允许它被删除,则返回 false. 在所有其他情况下,返回 true. Javascript的变量 实际上Javascript中,变量 = 对象属性,这是因为 Javascript 在执行脚

深入理解Javascript中的面向对象

在学习Javascript的过程中,面向对象是必须要学会的课题.然而,网络上大部分文章只是简单地讲述如何通过代码实现面向对象,忽略了理论和原理方面的知识.本系列文章将从头开始逐步讲解面向对象编程思想及其在Javascript中的实现与应用. 从一个简单的需求开始 假设我们需要在程序中计算各种形状的周长,代码可能是这样的: var rectangle = {     name: '长方形1',     type: 'rectangle',     length: 5,  // 长     widt

Javascript中的delete操作符详细介绍_基础知识

一.变量 说到javascript中的delete操作符,还是首先要搞清楚javascript中的变量和属性之间的关系. javascript中,变量和对象属性关系非常微妙,甚至可以很多时候会被等同起来,因为 javascript 在执行脚本之前会创建一个global对象,在浏览器中就是window对象,所有的全局变量都是这个global对象的属性,执行函数时也会创建一个activation对象,所有的局部变量都是这个activation对象的属性.这些可以大家可以去了解一下javascript

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

ES3 中,delete在8.6.2.5及11.4.1有介绍,如下 有一些信息, 1.实现上delete操作符会调用引擎内部的[[Delete]]方法 2.[[Delete]]在8.6.2里定义 3.删除的属性有个DontDelete的特性,如果有,delete时直接返回false 搜索"DontDelete",会发现有很多,如下都不能delete 1, 激活对象的arguments对象 (10.1.6) 复制代码 代码如下: function func() {     delete