快捷導(dǎo)航

JavaScript中詭異的delete操作符

更新時(shí)間：2015年03月12日 11:04:23 投稿：junjie

這篇文章主要介紹了JavaScript中詭異的delete操作符,本文講解了刪除對(duì)象的屬性、對(duì)數(shù)組的操作、對(duì)于變量的操作等內(nèi)容,需要的朋友可以參考下

delete這個(gè)操作符呢，在javascript中不是很常用，但是他的特性的確很詭異。

1，刪除對(duì)象的屬性，代碼：

var o = {

    a: 1,

    b: 2   

};

delete o.a;

alert(o.a);  //undefined

那么到底delete刪除的是對(duì)象的屬性還是對(duì)象的屬性值呢，我開(kāi)始覺(jué)得刪除的應(yīng)該是值，因?yàn)榻Y(jié)果是undefined，而沒(méi)有報(bào)錯(cuò)。但是事實(shí)上，我的看法是錯(cuò)誤的，舉例說(shuō)明：

復(fù)制代碼代碼如下:

var o = {};

var a = {

    pro: "zhenn"

};

o.c = a;

delete o.c;    //刪除對(duì)象o的屬性a

console.log(o.c);     // undefined

console.log(a.pro);   // zhenn

通過(guò)上述代碼，不難看出在delete o.c之后呢，并沒(méi)有刪除o.c所指向的值，也就是對(duì)象a依然存在，否則a.pro應(yīng)該是過(guò)不了編譯這關(guān)的。說(shuō)到這里，可以這么理解delete刪除對(duì)象的屬性，其實(shí)相當(dāng)于刪除了對(duì)對(duì)象中屬性值的引用而已，但是這個(gè)值依然在對(duì)象棧中！

2，對(duì)數(shù)組的操作，先看代碼：

復(fù)制代碼代碼如下:

var arr = [1,2,3];

delete arr[2];

console.log(arr.length);  // 3

console.log(arr);   // [1,2,undefined]

又一次證明了，delete并沒(méi)有真正刪除元素，只是刪除了元素所對(duì)應(yīng)的鍵值。為了更進(jìn)一步認(rèn)清delete的本質(zhì)，和Array中的pop方法比較一下。如下：

復(fù)制代碼代碼如下:

var arr = [1,2,3];

arr.pop();

console.log(arr);  // [1,2]

console.log(arr.length)  // 2

這下應(yīng)該真相大白了。

3，以上對(duì)對(duì)象和數(shù)組的操作，還很好理解，但是對(duì)于變量的操作，難免讓人琢磨不透，代碼如下：

復(fù)制代碼代碼如下:

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竟然可以刪除，不能不說(shuō)delete很詭異了，在ECMA給出的解釋中，也僅僅是說(shuō)通過(guò)var聲明的變量和通過(guò)function聲明的函數(shù)擁有DontDelete特性，無(wú)法被刪除。

您可能感興趣的文章: