那么，為什么我們能刪除一個(gè)對象的屬性：

var x = { a: 1 };
delete x.a; // true
x.a; // undefined

但卻不能刪除一個(gè)變量：

var x = 1;
delete x; // false;
x; // 1

也不能刪除一個(gè)函數(shù)：

function x() {};
delete x; // false;
typeof x; // "function"

注意：delete 只有當(dāng)一個(gè)屬性無法被刪除時(shí)才返回 false。

 每一個(gè)屬性擁有零至多個(gè)如內(nèi)部屬性——*ReadOnly，DontEnum，DontDelete和Internal**。 你可以把它們想象為標(biāo)簽——一個(gè)屬性可能擁有也可能沒有某個(gè)特殊的內(nèi)部屬性。 在今天的討論中，我們所感興趣的是 DontDelete。

當(dāng)聲明變量和函數(shù)時(shí)，它們成為了變量對象（Variable object）——要么是活化對象（在函數(shù)代碼中）， 要么是全局對象（在全局代碼中）——的屬性，這些屬性伴隨生成了內(nèi)部屬性 DontDelete。 然而，任何顯式/隱式賦值的屬性不生成 DontDelete。 而這就是本質(zhì)上為什么我們能刪除一些屬性而不能刪除其他的原因。

var GLOBAL_OBJECT = this;

/* 'foo'是全局對象的一個(gè)屬性，它通過變量聲明而生成，因此擁有內(nèi)部屬性DontDelete

這就是為什么它不能被刪除*/

var foo = 1;
delete foo; // false
typeof foo; // "number"
/* 'bar

'是全局對象的一個(gè)屬性，它通過變量聲明而生成，因此擁有DontDelete子

這就是為什么它同樣不能被刪除*/

function bar() {};
delete bar; // false
typeof bar; // "function"

/* 'baz'也是全局對象的一個(gè)屬性，

然而，它通過屬性賦值而生成，因此沒有DontDelete

這就是為什么它可以被刪除*/

GLOBAL_OBJECT.baz = "baz";
delete GLOBAL_OBJECT.baz; // true
typeof GLOBAL_OBJECT.baz; // "undefined"

1.5、內(nèi)建和DontDelete | Build-ins and DontDelete

所以這就是所有這一切發(fā)生的原因：屬性的一個(gè)特殊的內(nèi)部屬性控制著該屬性是否可以被刪除。 注意：內(nèi)建對象的一些屬性擁有內(nèi)部屬性 DontDelete，因此不能被刪除； 特殊的 arguments 變量（如我們所知的，活化對象的屬性）擁有 DontDelete； 任何函數(shù)實(shí)例的 length (返回形參長度)屬性也擁有 DontDelete：

(function() {
  //不能刪除'arguments'，因?yàn)橛蠨ontDelete
  delete arguments; // false;
  typeof arguments; // "object"

  //也不能刪除函數(shù)的length,因?yàn)橛蠨ontDelete
  function f() {};
  delete f.length; // false;
  typeof f.length; // "number"
}) ();

與函數(shù) arguments 相關(guān)聯(lián)的屬性也擁有 DontDelete，同樣不能被刪除

(function(foo,bar) {
  delete foo; // false
  foo; // 1

  delete bar; // false
  bar; // "bah"
}) (1,"bah");

1.6、未聲明的變量賦值 | Undeclared assignments

你可能記得，未聲明的變量賦值會成為全局對象的屬性，除非這一屬性在作用域鏈內(nèi)的其他地方被找到。 而現(xiàn)在我們了解了屬性賦值和變量聲明的區(qū)別——后者生成 DontDelete 而前者不生成——這也就是為什么未聲明的變量賦值可以被刪除的原因了。

var GLOBAL_OBJECT = this;

/* 通過變量聲明生成全局對象的屬性，擁有DontDelete */
var foo = 1;

/* 通過未聲明的變量賦值生成全局對象的屬性，沒有DontDelete */
bar = 2;
delete foo; // false
delete bar; // true

注意：內(nèi)部屬性是在屬性生成時(shí)確定的，之后的賦值過程不會改變已有的屬性的內(nèi)部屬性。 理解這一區(qū)別是重要的。

/* 'foo'創(chuàng)建的同時(shí)生成DontDelete */
function foo() {};
/* 之后的賦值過程不改變已有屬性的內(nèi)部屬性，DontDelete仍然存在 */
foo = 1;
delete foo; // false;
typeof foo; // "number"
/* 但賦值一個(gè)不存在的屬性時(shí)，創(chuàng)建了一個(gè)沒有內(nèi)部屬性的屬性，因此沒有DontDelete */
this.bar = 1;
delete bar; // true;
typeof bar; // "undefined"

總結(jié)：

變量和函數(shù)聲明都是活化(Activation)全局(Global)對象的屬性。

屬性擁有內(nèi)部屬性，其中一個(gè)—— DontDelete 負(fù)責(zé)確定一個(gè)屬性是否能夠被刪除。

全局代碼或函數(shù)代碼中的變量、函數(shù)聲明都生成擁有 DontDelete 的屬性。

函數(shù)參數(shù)同樣是活化對象的屬性，也擁有 DontDelete。

刪除對象中的屬性：delete 對象.成員

          只能刪除自有的成員

          只有var聲明的全局變量不讓delete

          使用window.或window[""]增加的全局成員可以delete

ps：Javascript中delete運(yùn)算符

Delete是Javascript語言中使用頻率較低的操作之一，但是有些時(shí)候，當(dāng)我們需要做delete或者清空動作時(shí)，就需要delete操作。在這篇文章中，我們將深入探討如何使用它，以及它是如何工作的。

刪除的目的，如你所想，就是要刪除某些東西，更具體的說，它會刪除對象的屬性，如下例：

var Benjamin = {
  "name": "zuojj",
  "url" : "http://www.zuojj.com"
};
delete Benjamin.name;
//Outputs: Object { url: "http://www.zuojj.com" }
console.log(Benjamin);

delete運(yùn)算符將不會刪除普通變量，如下例：

var benjamin = "http://www.zuojj.com";
delete benjamin;
//Outputs: "http://www.zuojj.com"
console.log(benjamin);

但是，它可以刪除“全局變量”，因?yàn)樗鼈兪聦?shí)上是全局對象（瀏覽器中是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運(yùn)算符也有一個(gè)返回值，如果刪除一個(gè)屬性成功了，返回true,如果不能刪除屬性，因?yàn)樵搶傩允遣豢蓪?，將返回false，或者如果在嚴(yán)格模式下會拋出一個(gè)錯(cuò)誤。

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_;

你可能不知道在什么情況下使用刪除運(yùn)算符。答案是，只要你真的想從對象中刪除一個(gè)屬性。

有的時(shí)候，Javascript開發(fā)不是刪除一個(gè)屬性，而是把這個(gè)屬性值設(shè)置為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);

同時(shí)，像in和for in 循環(huán)運(yùn)算將不會報(bào)告null屬性的存在，如果你使用個(gè)對象，可能使用這些方法來檢查一個(gè)對象，你可能想確保你真正刪除任何不需要的屬性。

最后，你應(yīng)該記住，刪除并沒有破壞屬性的值，僅僅屬性本身，看下面的例子：

var name   = "zuojj",
    benjamin = {};
benjamin.name = name;
delete benjamin.name;
//Outputs: "zuojj"
console.log(name);

這里，name和benjamin.name映射到相同的值，真如你所看到的，刪除benjamin.name并不會影響name.

以上，就是我對delete運(yùn)算符的概述，不妥之處，歡迎大家批評指正。

最新評論