那麼,為什麼我們能刪除一個對象的屬性:
var x = { a: 1 }; delete x.a; // true x.a; // undefined
但卻不能刪除一個變量:
var x = 1; delete x; // false; x; // 1
也不能刪除一個函數:
function x() {}; delete x; // false; typeof x; // "function"
注意:delete 只有當一個屬性無法被刪除時才返回 false。
每一個屬性擁有零至多個如內部屬性——*ReadOnly,DontEnum,DontDelete和Internal**。 你可以把它們想象為標簽——一個屬性可能擁有也可能沒有某個特殊的內部屬性。 在今天的討論中,我們所感興趣的是 DontDelete。
當聲明變量和函數時,它們成為了變量對象(Variable object)——要麼是活化對象(在函數代碼中), 要麼是全局對象(在全局代碼中)——的屬性,這些屬性伴隨生成了內部屬性 DontDelete。 然而,任何顯式/隱式賦值的屬性不生成 DontDelete。 而這就是本質上為什麼我們能刪除一些屬性而不能刪除其他的原因。
var GLOBAL_OBJECT = this;
/* 'foo'是全局對象的一個屬性,它通過變量聲明而生成,因此擁有內部屬性DontDelete
這就是為什麼它不能被刪除*/
var foo = 1; delete foo; // false typeof foo; // "number" /* 'bar
'是全局對象的一個屬性,它通過變量聲明而生成,因此擁有DontDelete子
這就是為什麼它同樣不能被刪除*/
function bar() {}; delete bar; // false typeof bar; // "function"
/* 'baz'也是全局對象的一個屬性,
然而,它通過屬性賦值而生成,因此沒有DontDelete
這就是為什麼它可以被刪除*/
GLOBAL_OBJECT.baz = "baz"; delete GLOBAL_OBJECT.baz; // true typeof GLOBAL_OBJECT.baz; // "undefined"
1.5、內建和DontDelete | Build-ins and DontDelete
所以這就是所有這一切發生的原因:屬性的一個特殊的內部屬性控制著該屬性是否可以被刪除。 注意:內建對象的一些屬性擁有內部屬性 DontDelete,因此不能被刪除; 特殊的 arguments 變量(如我們所知的,活化對象的屬性)擁有 DontDelete; 任何函數實例的 length (返回形參長度)屬性也擁有 DontDelete:
(function() { //不能刪除'arguments',因為有DontDelete delete arguments; // false; typeof arguments; // "object" //也不能刪除函數的length,因為有DontDelete function f() {}; delete f.length; // false; typeof f.length; // "number" }) ();
與函數 arguments 相關聯的屬性也擁有 DontDelete,同樣不能被刪除
(function(foo,bar) { delete foo; // false foo; // 1 delete bar; // false bar; // "bah" }) (1,"bah");
1.6、未聲明的變量賦值 | Undeclared assignments
你可能記得,未聲明的變量賦值會成為全局對象的屬性,除非這一屬性在作用域鏈內的其他地方被找到。 而現在我們了解了屬性賦值和變量聲明的區別——後者生成 DontDelete 而前者不生成——這也就是為什麼未聲明的變量賦值可以被刪除的原因了。
var GLOBAL_OBJECT = this; /* 通過變量聲明生成全局對象的屬性,擁有DontDelete */ var foo = 1; /* 通過未聲明的變量賦值生成全局對象的屬性,沒有DontDelete */ bar = 2; delete foo; // false delete bar; // true
注意:內部屬性是在屬性生成時確定的,之後的賦值過程不會改變已有的屬性的內部屬性。 理解這一區別是重要的。
/* 'foo'創建的同時生成DontDelete */ function foo() {}; /* 之後的賦值過程不改變已有屬性的內部屬性,DontDelete仍然存在 */ foo = 1; delete foo; // false; typeof foo; // "number" /* 但賦值一個不存在的屬性時,創建了一個沒有內部屬性的屬性,因此沒有DontDelete */ this.bar = 1; delete bar; // true; typeof bar; // "undefined"
總結:
變量和函數聲明都是活化(Activation)全局(Global)對象的屬性。
屬性擁有內部屬性,其中一個—— DontDelete 負責確定一個屬性是否能夠被刪除。
全局代碼或函數代碼中的變量、函數聲明都生成擁有 DontDelete 的屬性。
函數參數同樣是活化對象的屬性,也擁有 DontDelete。
刪除對象中的屬性:delete 對象.成員
只能刪除自有的成員
只有var聲明的全局變量不讓delete
使用window.或window[""]增加的全局成員可以delete
ps:Javascript中delete運算符
Delete是Javascript語言中使用頻率較低的操作之一,但是有些時候,當我們需要做delete或者清空動作時,就需要delete操作。在這篇文章中,我們將深入探討如何使用它,以及它是如何工作的。
刪除的目的,如你所想,就是要刪除某些東西,更具體的說,它會刪除對象的屬性,如下例:
var Benjamin = { "name": "zuojj", "url" : "http://www.zuojj.com" }; delete Benjamin.name; //Outputs: Object { url: "http://www.zuojj.com" } console.log(Benjamin);
delete運算符將不會刪除普通變量,如下例:
var benjamin = "http://www.zuojj.com"; delete benjamin; //Outputs: "http://www.zuojj.com" console.log(benjamin);
但是,它可以刪除“全局變量”,因為它們事實上是全局對象(浏覽器中是window)對象的屬性。
// Because var isn't used, this is a property of window benjamin = "zuojj"; delete window.benjamin; // ReferenceError: benjamin is not defined console.log(benjamin);
delete運算符也有一個返回值,如果刪除一個屬性成功了,返回true,如果不能刪除屬性,因為該屬性是不可寫,將返回false,或者如果在嚴格模式下會拋出一個錯誤。
var benjamin = { "name": "zuojj", "url" : "http://www.zuojj.com" }; var nameDeleted = delete benjamin.name; // Outputs: true console.log(nameDeleted); "use strict"; var benjamin_ = "zuojj"; //Outputs: Uncaught SyntaxError: Delete of an unqualified identifier in strict mode. delete benjamin_;
你可能不知道在什麼情況下使用刪除運算符。答案是,只要你真的想從對象中刪除一個屬性。
有的時候,Javascript開發不是刪除一個屬性,而是把這個屬性值設置為null.像下面這樣:
var benjamin = { "name": "zuojj", "url" : "http://www.zuojj.com" }; benjamin.name = null;
雖然這有效地切斷從原來的值的屬性,但該屬性本身仍然存在的對象上,你可以看到如下:
// Outputs: Object { name: null, url: "http://www.zuojj.com" } console.log(benjamin);
同時,像in和for in 循環運算將不會報告null屬性的存在,如果你使用個對象,可能使用這些方法來檢查一個對象,你可能想確保你真正刪除任何不需要的屬性。
最後,你應該記住,刪除並沒有破壞屬性的值,僅僅屬性本身,看下面的例子:
var name = "zuojj", benjamin = {}; benjamin.name = name; delete benjamin.name; //Outputs: "zuojj" console.log(name);
這裡,name和benjamin.name映射到相同的值,真如你所看到的,刪除benjamin.name並不會影響name.
以上,就是我對delete運算符的概述,不妥之處,歡迎大家批評指正。