Javascript Action 顺序

Question

假设我有:

<div id="name" class="button"></div>

在 javacript 文件中，我为类按钮和 ID 名称定义了点击操作，例如:

$("#name").click(function(event){
  alert("hi");
})

$(".button").click(function(event){
  alert("bye");
})

当我点击那个 div 时，我会在“bye”提示之前收到“hi”提示吗，因为“hi”出现在“bye”上方？还是其他因素决定了先发生什么？如果这两个函数在不同的文件中怎么办？那么首先包含哪个 javascript 文件(看起来更靠近 html 文件的顶部)是否重要？我假设 jQuery 与此无关，对吧？

Answer 1

你是绝对正确的，它诚实地基于哪个先绑定(bind)。在你的例子中，"#name" 首先绑定(bind)，然后是 ".button"，所以这就是它们最终以相同顺序执行的原因。它不是基于首先在页面上看到的内容，而是首先绑定(bind)的内容。绑定(bind)可能发生在一个函数中，因此在函数被调用之前它不会发生(很明显)，但是该函数可能在其他绑定(bind)之前声明 - 没有任何意义，它必须被调用。在不同的文件中也是如此。当文件被解析时，它们被执行。所以我之前所说的也适用于此 - 只要绑定(bind)按照事物被解析的顺序执行(从 HTML 页面的顶部到底部)，它们就会按该顺序发生。我很确定发生这种情况的原因是因为 jQuery 将这些绑定(bind)存储在 FIFO 堆栈中 - 先进先出。