javascript 中的 delete及delete運算子_javascript技巧

那麼，為什麼我們能刪除一個物件的屬性：

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运算符的概述，不妥之处，欢迎大家批评指正。