Javascript學(xué)習(xí)筆記 delete運(yùn)算符
更新時(shí)間：2011年09月13日 22:21:00 作者：
關(guān)于javascript的delete運(yùn)算符，MDN里有相關(guān)文檔。以下是我的學(xué)習(xí)筆記，更多是要關(guān)注特殊情況的使用和注意點(diǎn)。
一、語法
delete后面的表達(dá)式必須給出一個(gè)屬性的引用，比如
var o = {a:1};
delete o.a; //此處o.a是對(duì)象o的屬性a的引用
只有在with語句里才能使用單獨(dú)的屬性名
with(o){
delete a;
}
二、delete的返回值
delete是普通運(yùn)算符，會(huì)返回true或false。規(guī)則為：當(dāng)被delete的對(duì)象的屬性存在并且不能被刪除時(shí) 返回false，否則返回true。 這里的一個(gè)特點(diǎn)就是，對(duì)象屬性不存在時(shí)也返回true，所以返回值并非完全等同于刪除成功與否。
var o = {a:1};
delete o.a; //返回true
var b = 2;
delete b;//返回false，ECMA規(guī)則約定:使用var和function聲明的變量不可以被delete
三、哪些情況下不允許delete
上例提到的var和function聲明的變量不可以被delete，但隱式聲明可以被刪除
function c(){return 12;}
delete c;//返回false
d = function(){return 12;}
delete d;//返回true
不能delete從原型鏈上繼承的屬性，但可以刪除原型鏈上的屬性
function Foo(){}
Foo.prototype.bar = 42;
var foo = new Foo();
delete foo.bar; // 返回true,但并沒有起作用
alert(foo.bar); // alerts 42, 屬性是繼承的
delete Foo.prototype.bar; // 在原型上刪除屬性bar
alert(foo.bar); // alerts "undefined", 屬性已經(jīng)不存在，無法被繼承
四、特例
eval執(zhí)行的代碼中如有通過var和function聲明的變量，可以被delete
eval("var a=1");
delete a;
alert(a); //報(bào)未定義錯(cuò)誤
如果聲明是在eval執(zhí)行代碼中的閉包內(nèi)進(jìn)行的，則變量不能被delete
eval("(function(){var a=1;delete a; return a;})()");//1
五、delete 數(shù)組元素
從數(shù)組中delete其元素并不會(huì)影響數(shù)組的長度
var arr = ['yuyin','suhuan','baby'];
delete arr[0];
alert(arr.length);//alert 3
被delete的鍵值已經(jīng)不屬于數(shù)組，但卻還是可以被訪問，其值為undefined。
var arr = ['yuyin','suhuan','baby'];
delete arr[0];
0 in arr; // false
alert(arr[0]);//undefined
arr[0] === undefined;//true
對(duì)比直接將鍵值賦值undefined
var arr = ['yuyin','suhuan','baby'];
arr[0] = undefined;
0 in arr; // true
alert(arr[0]);//undefined
arr[0] === undefined;//true
可以看出delete 操作只是將鍵值這個(gè)屬性從數(shù)組中刪除了，數(shù)組本身也是對(duì)象，這個(gè)情況好理解的。如果需要保留鍵值，可以用undefined賦值。
delete后面的表達(dá)式必須給出一個(gè)屬性的引用，比如
var o = {a:1};
delete o.a; //此處o.a是對(duì)象o的屬性a的引用
只有在with語句里才能使用單獨(dú)的屬性名
復(fù)制代碼 代碼如下:
with(o){
delete a;
}
二、delete的返回值
delete是普通運(yùn)算符，會(huì)返回true或false。規(guī)則為：當(dāng)被delete的對(duì)象的屬性存在并且不能被刪除時(shí) 返回false，否則返回true。 這里的一個(gè)特點(diǎn)就是，對(duì)象屬性不存在時(shí)也返回true，所以返回值并非完全等同于刪除成功與否。
復(fù)制代碼 代碼如下:
var o = {a:1};
delete o.a; //返回true
var b = 2;
delete b;//返回false，ECMA規(guī)則約定:使用var和function聲明的變量不可以被delete
三、哪些情況下不允許delete
上例提到的var和function聲明的變量不可以被delete，但隱式聲明可以被刪除
復(fù)制代碼 代碼如下:
function c(){return 12;}
delete c;//返回false
d = function(){return 12;}
delete d;//返回true
不能delete從原型鏈上繼承的屬性，但可以刪除原型鏈上的屬性
復(fù)制代碼 代碼如下:
function Foo(){}
Foo.prototype.bar = 42;
var foo = new Foo();
delete foo.bar; // 返回true,但并沒有起作用
alert(foo.bar); // alerts 42, 屬性是繼承的
delete Foo.prototype.bar; // 在原型上刪除屬性bar
alert(foo.bar); // alerts "undefined", 屬性已經(jīng)不存在，無法被繼承
四、特例
復(fù)制代碼 代碼如下:
eval執(zhí)行的代碼中如有通過var和function聲明的變量，可以被delete
eval("var a=1");
delete a;
alert(a); //報(bào)未定義錯(cuò)誤
如果聲明是在eval執(zhí)行代碼中的閉包內(nèi)進(jìn)行的，則變量不能被delete
eval("(function(){var a=1;delete a; return a;})()");//1
五、delete 數(shù)組元素
從數(shù)組中delete其元素并不會(huì)影響數(shù)組的長度
復(fù)制代碼 代碼如下:
var arr = ['yuyin','suhuan','baby'];
delete arr[0];
alert(arr.length);//alert 3
被delete的鍵值已經(jīng)不屬于數(shù)組，但卻還是可以被訪問，其值為undefined。
復(fù)制代碼 代碼如下:
var arr = ['yuyin','suhuan','baby'];
delete arr[0];
0 in arr; // false
alert(arr[0]);//undefined
arr[0] === undefined;//true
對(duì)比直接將鍵值賦值undefined
復(fù)制代碼 代碼如下:
var arr = ['yuyin','suhuan','baby'];
arr[0] = undefined;
0 in arr; // true
alert(arr[0]);//undefined
arr[0] === undefined;//true
可以看出delete 操作只是將鍵值這個(gè)屬性從數(shù)組中刪除了，數(shù)組本身也是對(duì)象，這個(gè)情況好理解的。如果需要保留鍵值，可以用undefined賦值。
相關(guān)文章
這篇文章主要介紹了js怎么覆蓋原有方法實(shí)現(xiàn)重寫,需要的朋友可以參考下2014-09-09
javascript實(shí)現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器
這篇文章主要介紹了javascript實(shí)現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器,這個(gè)IOS APP一般是Web APP,否則沒法使用本文的代碼,需要的朋友可以參考下2014-06-06
javascript超過容器后顯示省略號(hào)效果的方法(兼容一行或者多行)
下面小編就為大家?guī)硪黄猨avascript超過容器后顯示省略號(hào)效果的方法(兼容一行或者多行)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了RequireJS多頁面應(yīng)用實(shí)例分析的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理詳解
這篇文章主要介紹了JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理的知識(shí)，文章內(nèi)容非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
這篇文章主要介紹了微信小程序引入模塊中wxml、wxss、js的方法示例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
另類網(wǎng)頁中添加運(yùn)行效果...2006-12-12
這篇文章主要介紹了JavaScript新增樣式規(guī)則(推薦)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了JavaScript將取代AppleScript？AppleScript是OS X平臺(tái)的類似JavaScript的腳本語言,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了高性能JavaScript 重排與重繪,需要的朋友可以參考下2015-08-08