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特性，無法被刪除。