使用 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