是否在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/