循环内的 JavaScript 函数

Question

有人知道为什么这不能按预期工作吗？仅在页面加载时触发警报。

var div = document.querySelectorAll('.div'); // NodeList of all instances of '.div'

var eventFunction = function() {
  alert('ggdf');
};


for(var i = 0; i < div.length; i++) { // Begin '.div' NodeList loop

  div[i].addEventListener('click', eventFunction(), false); // Click function on all instances of '.div'

} // End '.div' NodeList loop

Answer 1

您在将函数传递给 eventListener 函数时执行该函数，而是使用:

for(var i = 0; i < div.length; i++) {  
  div[i].addEventListener('click', eventFunction, false); //notice no ()
}

函数可以像其他变量一样作为参数传递，但是当你在函数后面加上 () 传递它们时，你调用函数并且函数返回的对象/值将作为论证。

此外，除非您向所有 div 添加了类 div ，否则我认为您想要使用标签选择器:

var div = document.querySelectorAll('div'); 

JS fiddle : http://jsfiddle.net/rG3AC/1/