javascript - 为什么我的 addEvent 函数需要自调用？

Question

我正在自学使用 javascript 编写代码，真正让我兴奋的事情之一是能够创建自定义(较短)版本的 addEventListener。

我有以下代码:

var onEvent = function() {
 return function(obj, event, fn) {
   obj.addEventListener(event, fn, false);
 }; 
}();

onEvent(input,"keypress", pressedEnter);

(就我个人而言，我更喜欢使用“When”而不是“onEvent”。

经过研究，我想我明白在函数末尾添加 () 可以运行它。但为什么这是必要的？该函数不会在添加到将被单击的对象后立即运行吗？

同样，我创建了一个较短的 getElementById:

function grab(id) { 
 return document.getElementById(id); 
}

为什么这不需要在使用前自行运行？我是否误解了结尾括号的用途？

谢谢。

Answer 1

var onEvent = function(obj, event, fn) {
  obj.addEventListener(event, fn, false);
};

应该完全一样。