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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com