云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

解读JavaScript中的事件循环

JavaScript的事件循环是其核心机制之一,它决定了JavaScript代码的执行顺序,事件循环的工作方式可以概括为:

(图片来源网络,侵删)

1、首先执行同步代码,也就是我们的主线程代码。

2、然后等待队列中的任务(宏任务和微任务)。

3、当主线程空闲时,开始执行队列中的任务。

4、在每个任务执行完毕后,检查是否有新的任务加入队列,如果有则继续执行,如果没有则等待。

以下是一个简单的示例:

console.log('script start');
setTimeout(function() {
    console.log('setTimeout');
}, 0);
Promise.resolve().then(function() {
    console.log('promise1');
}).then(function() {
    console.log('promise2');
});
console.log('script end');

在这个例子中,虽然setTimeout的延迟时间设置为0,但是它仍然是一个异步任务,会被放入到任务队列中等待执行,而Promise的then方法注册的回调函数则会在当前脚本执行结束后立即执行,实际的输出顺序应该是:’script start’ > ‘script end’ > ‘promise1’ > ‘promise2’ > ‘setTimeout’。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《解读JavaScript中的事件循环》
文章链接:https://www.yunzhuji.net/jishujiaocheng/47546.html

评论

  • 验证码