Javascript - 从循环中获取函数

Question

我必须遵循以下代码:

var box = document.getElementsByClassName('Box');

for(i=0; i<box.length; i++){
  box[i].onclick = function(){
    this.classList.toggle('active');
  };
}

我正试图像这样将函数从循环中取出来，但它似乎不起作用。有什么建议吗？

//get function out of the loop
var box = document.getElementsByClassName('Box');

for(i=0; i<box.length; i++){
  box[i].onclick = getBlue();
}
function getBlue(){
  this.classList.toggle('active');
}

http://codepen.io/AndrewRed/pen/OyBLzw?editors=001

Answer 1

使用函数的引用。

box[i].onclick = getBlue;

如果添加括号，这将调用该函数并将 box[i].onclick 的值设置为 getBlue 的返回值，在本例中为 undefined 因为它不返回任何东西。