イベントリスナーの匿名関数

Question

次の匿名JS関数のパラメータに「e」が含まれているのはなぜですか？私はそれが出来事だと思っていますが、それはどうして救われましたか？この "e"はどこにも言及されていませんが、このイベントリスナーとそれが使用するハンドラにあります。

document.body.addEventListener("keyup", function(e) { 
keys[e.keyCode] = false; 
}); 

Answer 1

匿名機能は、keyupイベントが発生した瞬間と呼ばれることに注意してください。無名関数は、「ねえ、あなたが私に電話をするときに、私に議論を与えてください」と言う。したがって、keyupイベントが発生すると、ブラウザはイベントオブジェクトとなる引数を持つ無名関数を呼び出します。イベントオブジェクトは、イベントが発生した瞬間に作成されます。

Answer 2

メソッドaddAventListenerは、入力として関数を受け取り、イベントが発生するたびに、その関数をイベントオブジェクトとともに呼び出します。

これを説明する簡単な例を追加しました。

function EventCreator() { 
 
    var listeners = []; 
 
    var counter = 0; 
 
    setInterval(function() { 
 
    counter++; 
 
    listeners.forEach(function(listener) { 
 
     listener(counter); 
 
    }); 
 
    }, 1000); 
 

 
    this.addListener = function(listener) { 
 
    listeners.push(listener); 
 
    }; 
 
} 
 

 
var eventCreator = new EventCreator(); 
 

 
eventCreator.addListener(function(e) { 
 
    console.log("An event has occured: ", e); 
 
});

ドキュメント：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener