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特性，无法被删除。

赞 (0)

相关推荐

  • js删除Array数组中指定元素的两种方法

    本节内容: js删除Array数组中指定元素 方法一, /* * 方法:Array.remove(dx) 通过遍历,重构数组 * 功能:删除数组元素. * 参数:dx删除元素的下标. */ Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[dx]) { this[n++]=

  • Javascript中的delete介绍

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

  • JavaScript从数组中删除指定值元素的方法

    本文实例讲述了JavaScript从数组中删除指定值元素的方法.分享给大家供大家参考.具体分析如下: 下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函数,第二种为Array对象定义了一个removeByValue的方法,调用非常简单 定义函数removeByValue进行元素删除 function removeByValue(arr, val) { for(var i=0; i<arr.length; i++) { if(arr[i] == val) { arr.splice(i,

  • javascript delete 使用示例代码

    javascript delete example 复制代码 代码如下: var flower={}; flower.name="oop"; delete flower.name; //true alert(flower.name); //undefined 创建一个名为flower的对象 flower具有成员name,值"oop"; delete 操作 删除这个成员 删除成功,已不存在flower.name这个成员 javascript delete exampl

  • javascript中删除指定数组中指定的元素的代码

    函数如下: 复制代码 代码如下: foreach = function (obj, insp){ if(obj== null && obj.constructor != Array){ return []; } //obj是要处理的数组,obj==null 表示对象尚未存在:obj.constructor != Array 表示对象obj的属性的构造函数不是数组: //constructor属性始终指向创建当前对象的构造函数.两个条件均满足,则返回空数组[]: //下面对construct

  • Javascript remove 自定义数组删除方法

    复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Javascript自定义数组删除方法remove()</title> <script type="text/javascript"> Array.prototype.remove=function(dx){ if(isNaN(dx)||dx>this.lengt

  • js 删除数组的几种方法小结

    var arr=['a','b','c']; 若要删除其中的'b',有两种方法: 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用 for(index in arr) { document.write('arr['+index+']='+arr[index]); } 这种遍历方式跳过其中undefined的元素 * 该方式IE4.o以后都支持了 2.数组对象splic

  • 基于JavaScript实现移除(删除)数组中指定元素

    在Array对象中有给定的函数可以删除数组中指定的元素,虽然非常好用,但是总感觉看不到摸不着的比较别扭,下面就分享一个自定义的删除数组指定索引值元素的函数,希望给大家一个全新的思路. 代码实例如下: var array=[]; array[0]="我们一"; array[1]="我们二"; array[2]="我们三"; array[3]="我们四"; array[4]="我们五"; function re

  • Javascript根据指定下标或对象删除数组元素

    将一下代码放在全局js文件中: Js代码 复制代码 代码如下: /** *删除数组指定下标或指定对象 */ Array.prototype.remove=function(obj){ for(var i =0;i <this.length;i++){ var temp = this[i]; if(!isNaN(obj)){ temp=i; } if(temp == obj){ for(var j = i;j <this.length;j++){ this[j]=this[j+1]; } thi

  • JavaScript delete 属性的使用

    delete 是删除对象的一个属性,例如对于一个对象, var obj = {key:5}; delete obj.key就是删除该对象的key属性,这个没什么问题,但当对象的原型prototype对象也存在该属性时,就值得注意了. 复制代码 代码如下: var A = function(){}; A.prototype.testMe = true; var a = new A(); //覆盖原型属性 a.testMe = true; if(a.testMe){ // 一些关键代码... //

  • JavaScript使用delete删除数组元素用法示例【数组长度不变】

    JavaScript使用delete删除数组元素用法示例【数组长度不变】

    本文实例讲述了JavaScript使用delete删除数组用法.分享给大家供大家参考,具体如下: javascript使用delete删除数组中的某些数值后,数组的长度是不变的. 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript delete</title> </

  • js删除数组元素、清空数组的简单方法(必看)

    一.清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 [],空数组,即被清空了 二.删除数组元素 var ary = [1,2,3,4]; ary.splice(0,1); 或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置. 三,js 删除数组几种方法 var arr=['a','b','c

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

    1,对象属性删除 function fun(){ this.name = 'mm'; } var obj = new fun(); console.log(obj.name);//mm delete obj.name; console.log(obj.name); //undefined 2,变量删除 var name = 'lily'; delete name; console.log(name); //lily 直接用delelte删除不了变量 3,删除不了原型链中的变量 fun.proto

随机推荐