JavaScriptにおけるイベントモデルの非同期性

メソッドaddEventListenerを使用して、 ページ要素で発生するさまざまなイベントを 購読できることはご存知でしょう。例えば、 変数elemにリンクが格納されている ある要素のクリックを購読してみましょう：

javascriptelem.addEventListener('click', function() {
  console.log('1');
});

console.log('2');

上記のコードでは、まず2番目のコンソール出力が実行されます。 では、1番目はいつ実行されるでしょうか？ いつか：このコードの実行は、要素のクリックというイベントの発生を 待っています。それが発生するとすぐに、私たちのコードが実行されます。

javascriptelem1.addEventListener('click', function() {
  console.log('1');
});
elem2.addEventListener('click', function() {
  console.log('2');
});