1

我正在阅读有关 JavaScript 删除运算符并对其进行试验的内容。在我尝试从窗口对象中删除方法之前，一切似乎都很好。代码如下所示

var log = function(str){
  if(str !== undefined)
  {
    document.write(str);
  }
   document.write("</br>");
};


window.myVar = function(){
  // do something
};

// this deletes custom method 
log(delete  window.myVar);  // true (expected)
log(typeof window.myVar);  // undefined (expected)

log(delete window.alert);  // true (OK)
log(typeof window.alert); // function (Unexpected)

window.alert = 10;
log(typeof window.alert);   // number (Successfully overwritten)
log(delete window.alert);  // true
log(typeof window.alert); // function (Returns back to original object)

似乎它可以让我删除我创建的对象，但不能删除已经定义的对象，但它让我可以覆盖它。谁能解释一下背后的原因是什么？如果删除也没有在这里发生的对象，删除也应该返回“假”。

[更新] 我正在使用 FF 19 并在http://jsbin.com中运行它

[更新]请注意，我了解如何覆盖 window.alert 并运行我的自定义代码。我的问题是 window.alert 有什么特别之处以至于它不能被删除但删除返回 true？我知道它是一个原生对象，但这并不能解释为什么这是不可能的。是浏览器JavaScript引擎在被我的代码删除后重新添加警报方法吗？我是否可以编写类似的函数，使另一个使用我的库的用户无法删除但只能覆盖？如何？

4

1 回答 1

1

很简单，我们可以覆盖现有函数但不能删除它们。现有/标准函数被重置为标准原型，而不是在其上调用 delete 时。但是，如果您确实想中和函数说 windows.alert 然后分配一个空白函数，如下所示：

window.alert = function(){}; //blank function makes window.alert now useless

尝试基于控制台（浏览器）的脚本：

window.alert = function(data){
    console.log('alerting:'+data)
}; 
window.alert('hi'); // this will print "alerting:hi" in console
delete window.alert
window.alert('hi'); // now this will show regular alert message box with "hi" in it

我希望这能解释它。

更新：

假设您要覆盖标准功能“警报”，然后：

//this function will append the data recieved to a HTML element with 
// ID message-div instead of showing browser alert popup
window.alert = function(data){
    document.getElementById('message-div').innerHTML = data;
}
alert('Saved Successfully'); //usage as usual
...
//when you no longer need custom alert then you revert to standard with statement below
delete window.alert;
于 2013-02-21T08:50:09.410 回答