javascript - 使用函数作为回调还是存储它？

我可以做这个

var element; // some html node

element.addEventListener("click", function() {
     alert(1);
}, false);

或这个;

var clickFunc = function() {
    alert(1);
}

element.addEventListener("click", clickFunc, false);

我做什么都重要吗？我已经在互联网上读到了两种方法的区别，我正在努力寻找原因？

最佳答案

还有第三种选择:

function clickFunc() {
  alert(1);
}

element.addEventListener("click", clickFunc, false);

这样做的好处是，如果抛出异常，则名称(“clickFunc”)将显示在堆栈跟踪中。

如果您确实喜欢键入，也可以执行以下操作:

var clickFunc = function clickFunc() {
  alert(1);
};

或者，更短:

element.addEventListener("click", function clickFunc() {
  alert(1);
}, false);

但那些在较旧的浏览器中具有some minor issues。