javascript - 了解 Javascript 事件循环和代码执行

Question

我在理解 Javascript 事件循环和代码执行时遇到问题。

例如，我有一个非常基本的 jQuery 函数，例如:

$(document).ready(function()
{
$('#button').on('click', function() {
alert("This is a test");
});

有人可以向我解释一下 jQuery 函数何时被调用吗？
如果加载页面，会发生什么？ .ready() 函数是否被放入消息队列并在函数的回调被触发时传递到事件循环？ (在这种情况下，回调将是完成加载的页面？)

Answer 1

当从 HTML 构建 DOM 树时，.ready() 函数将被调用，这就是它被称为 DOM 就绪事件的原因。此后，上面的 anonymous 函数(其警报)将绑定(bind)到 ID 为 button 的元素的单击事件。这意味着每当单击该目标(具有 ID 按钮)时，都会调用该函数，因此您的警报将会显示。我希望这有帮助!