DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript delete 使用示例代碼
javascript delete 使用示例代碼
編輯:JavaScript基礎知識     
javascript delete example
復制代碼 代碼如下:
var flower={};
flower.name="oop";
delete flower.name; //true
alert(flower.name); //undefined

  創建一個名為flower的對象
  flower具有成員name,值"oop";
  delete 操作 刪除這個成員
  刪除成功,已不存在flower.name這個成員
javascript delete example 2
復制代碼 代碼如下:
alert(isNaN(5)); //false
delete isNaN; //true
alert(isNaN(5)); //undefined

  delete 操作符 甚至可以刪除全局對象Global的成員
不能刪除 var 申明的變量
復制代碼 代碼如下:
var flower="monkey";
delete flower; //false
alert(flower); // "monkey"

  用 var 申明的變量,delete 後 返回false.並沒有刪除成功 變量依然存在;
注意:delete僅在刪除一個不能刪除的成員是,才會返回false
ie下不能刪除宿主對象下的變量在ie浏覽器下
復制代碼 代碼如下:
window.flower="monkey";
delete flower; //拋出異常
alert(flower);

在ff浏覽器下
復制代碼 代碼如下:
window.flower="monkey";
delete flower; //true
alert(flower) //undefined

  可以看到 delete window的成員時,浏覽器表現不一致
  window是javascript的宿主對象
  宿主對象可以是javascript執行環境自己定義的
  在ie6-8浏覽器中,不能delete window.flower,浏覽器會提示你"對象不支持該操作",也就是不能刪除window下成員
不能刪除用函數名申明的函數
復制代碼 代碼如下:
function flower(){}
delete flower; //true
alert(flower);//undefined

  結果顯示 delete 不能刪除 用函數名申明的函數
不能刪除繼承自原型的成員
復制代碼 代碼如下:
function flower(){};
flower.prototype.name="monkey";
var a1=new flower();
a1.name="a1_monkey"
alert(a1.name);//"a1_monkey"
delete a1.name;//ture
alert(a1.name);//"monkey"

   a1是flower的實例,通過實例來刪除原型的和父類的成員是不可行的~
  如果一定要刪除該屬性("這裡以name為例"),只能對原型進行操縱
delete a1.constructor.prototype.name;
DontDelete 特性delete 不能刪除具有DontDelete特性的成員
那什麼是具有DontDelete特性的成員呢
例如var 申明的變量,函數名申明的函數,Function對象的length等極少數幾個擁有DontDelete特性
delete 返回值false or true
delete 僅在刪除一個不能刪除的成員時,才會返回false
而其他情況下,刪除如不存在的成員,或刪除成功也都會返回ture
也就是說 返回true 並不一定代表刪除成功
   如 : 執行代碼 alert(delete a); // true
a是一個未申明且不存在的變量。 delete 依然返回的是true
不同浏覽器器之間的差異
復制代碼 代碼如下:
(function(){
delete arguments; // false ,而在Mozilla中返回的是true
typeof arguments; // "object"
})();

巧妙的利用eval刪除var 申明的變量
復制代碼 代碼如下:
eval('var flower = 1');
alert(window.flower) //1
alert(flower)// 1
delete flower; // true
alert(flower); // "undefined"
var a=function(){};
eval('var a = function(){}');
delete a; // true
alert(a); // "undefined"

eval後的全局變量,變得不具備DontDelete特性,可以用eval刪除;
最後補充一條神奇的~睡覺前剛測試
window.flower=1;
delete flower 時對象會不支持此操作
我們可以用 with(window){flower=1}; 然後 delete flower (記住是delete flower,不是delete window.flower ,ie不允許那麼做)
這樣 window.flower就被刪除了 :)

JavaScript delete操作符應用實例
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved