javascript - ES6 アロー関数でイベント リスナーを設定する

Question

質問:イベント リスナーが設定されていないのはなぜですか?

//ADDING THE EVENT LISTENER
document.addEventListener('DOMContentLoaded', init);

//DELCARING INIT, PASSING BLANK PARAM, STATEMENT
var init = () => console.log('Is Firing');

Answer 1

あなたinitはそれを使用する前に最初に宣言されるべきです。

//DELCARING INIT, PASSING BLANK PARAM, STATEMENT
var init = () => alert('Is Firing');

//ADDING THE EVENT LISTENER
document.addEventListener('DOMContentLoaded', init);

Answer 2

init は関数式です。これは巻き上げが発生しないことを意味するため、リスナー バインディングの前に関数式をプルアップする必要があります。関数巻き上げを勉強することをお勧めします。https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/function#Function_declaration_hoisting