分配事件处理程序

Question

像这样分配事件处理程序：

document.addEventListener("DOMContentLoaded", myFunction);

是否需要在赋值代码之前定义处理函数？换句话说，如果下面的代码

function myFunction() {...}
...
document.addEventListener("DOMContentLoaded", myFunction);

和

document.addEventListener("DOMContentLoaded", myFunction);
...
function myFunction() {...}

是一样的吗？

Answer 1

  

......相同吗？

他们如果你使用你所显示的表单，这是一个函数声明。函数声明在作用域中的任何分步代码之前处理。如果您使用了函数表达式（var myFunction = function() { ... };），则必须在 addEventListener调用之前。更多关于this question's答案的差异。