理解Javascript事件循环和代码执行

时间:2014-08-16 14:29:35

标签: javascript jquery javascript-events message-queue event-loop

我在理解javascript事件循环和代码执行方面遇到了问题。

例如,我有一个非常基本的jquery函数,如:

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

当jquery函数被调用时,有人可以向我解释一下吗? 如果加载页面会发生什么, .ready()函数放在消息队列中,并在触发该函数的回调时传递给事件循环? (在这种情况下,回调将是完成加载的页面?)。

1 个答案:

答案 0 :(得分:2)

当从您的HTML构造DOM树时调用.ready()函数,这就是它被称为DOM ready事件的原因。在此之后,具有警报的匿名函数将绑定到ID为button的元素的click事件。这意味着无论何时单击此目标(具有ID按钮),都将调用此函数,因此将显示警报。我希望有所帮助!