JavaScript中詭異的delete運算子_javascript技巧

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