是否在Google Chrome中“移除”保留的关键字？

Question

我有一个有趣的问题，我想我已经找到了它的根源，但我想确定。我有一个链接调用一个名为remove（）的函数。除Chrome之外的所有浏览器都不存在该功能的问题。但是，点击链接在Chrome中消失了，即使我在下面的示例中简化了该功能。我看过这个问题：Can't use "download" as a function name in javascript。然而，在链接中，我没有看到关于“删除”作为保留关键字的任何信息。我的问题是，我对这是一个关键字是正确的吗？如果是这样，有什么地方我可以找到一个谷歌关键字列表？我已经搜索，并没有发现这是其他地方的问题。

<a href="javascript:void(0)" onclick="remove()">Remove</a> 

的Javascript：

function remove(){ 
alert("Hi"); 
} 

Answer 1

Chrome中的元素有一个.remove()方法，该方法允许自行移除元素，而不必从父级移除元素。

麻烦的是，当使用属性处理程序时，您会得到一个不同的作用域链。该范围链包含元素本身以及document。这意味着元素的所有属性和document都显示为变量。

因为你命名你的函数remove()，因为它是一个全局函数/变量，它是由.remove财产（现在的变量）阴影元素本身。这可以通过警报来看到。如果你改变你的处理程序：

onclick="alert(remove)" 

...你会得到这样的：

function remove() { [native code] } 

因此，它不是，它的保留，而是它用作结束了阴影属性全球。

---

为了解决这个问题，要么使用全球直接：

onclick="window.remove()" 

或改变功能名称。

Answer 2

我在铬没有问题，使用它，也不会以这种方式

<a href="#" id="remove">Remove</a> 

function remove() { 
    alert("Hi"); 
} 

document.getElementById("remove").addEventListener("click", remove, false); 

上jsfiddle

联JavaScript被认为是不好的做法。

如果您在使用相同的功能更多的元素，只需添加更多的线，这样

document.getElementById("remove1").addEventListener("click", remove, false); 
document.getElementById("remove2").addEventListener("click", remove, false); 
document.getElementById("remove3").addEventListener("click", remove, false); 
document.getElementById("remove4").addEventListener("click", remove, false); 

，或者你可以得到通过

var nodelist = document.querySelectorAll("[id^=remove]"); 

Array.prototype.forEach.call(nodelist, function (element) { 
    element.addEventListener("click", remove, false); 
} 

你可以看看一个节点列表和循环在另一个answer here on SO了解更多有关事件绑定方法之间的差异，也做一点G搜索的主题会给你更多的信息。当然，你可以通过这种方式避免你遇到的问题。

Answer 3

我找不到它的任何文件，但在Chrome DOM元素有一个本地方法remove，显然删除它们。在onclick,this实际上是指元素本身，因此它最终调用this.remove()删除该元素。为了解决这个问题，你可以拨打window.remove()。

http://jsfiddle.net/3YkZH/1/

这也将是最好使用标准的事件通过addEventListener结合不存在这个问题时简单地调用remove：

http://jsfiddle.net/3YkZH/2/