js中的事件监听器和提升

Question

我对 js 中的提升感到困惑。

我知道函数和变量被移动到程序的顶部，但是像“监听器”这样的东西会发生什么？

几天前我正在做这样的事情：

function a(){
  //... 
  $("#myElement").trigger("click");
}

$("#myElement").on("click", function(){
  console.log("click!");
});

我意识到如果我尝试在声明之前引用一个事件，该引用将被忽略。

所以，更改顺序后，它起作用了：

$("#myElement").on("click", function(){
   console.log("click!");
});

function a(){
  //... 
  $("#myElement").trigger("click");
}

所以，我的问题是：如果最后一个“函数”被移动到顶部（由于提升）导致类似于第一个示例的结果，为什么最后一个示例会起作用事件调用不起作用？

Answer 1

这完全取决于您何时致电a()。最后，您的事件处理程序只需要在执行trigger() 之前注册。通常使用document.ready(...) 解决此问题。有关说明，请参阅 jquery documentation。

function a(){
  //... 
  $("#myElement").trigger("click");
}

$("#myElement").on("click", function(){
   console.log("click!");
});


a();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="myElement"/>