JavaScript中詭異的delete操作符

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

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

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

1，刪除對象的屬性，代碼：

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

var o = {

    a: 1,

    b: 2   

};

delete o.a;

alert(o.a);  //undefined

那么到底delete刪除的是對象的屬性還是對象的屬性值呢，我開始覺得刪除的應(yīng)該是值，因為結(jié)果是undefined，而沒有報錯。但是事實上，我的看法是錯誤的，舉例說明：

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

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應(yīng)該是過不了編譯這關(guān)的。說到這里，可以這么理解delete刪除對象的屬性，其實相當(dāng)于刪除了對對象中屬性值的引用而已，但是這個值依然在對象棧中！

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

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

var arr = [1,2,3];

delete arr[2];

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

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

又一次證明了，delete并沒有真正刪除元素，只是刪除了元素所對應(yīng)的鍵值。為了更進一步認(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，以上對對象和數(shù)組的操作，還很好理解，但是對于變量的操作，難免讓人琢磨不透，代碼如下：

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

您可能感興趣的文章: