什么是EventLoop? && 怎么理解EventLoop?

最新推荐文章于 2024-09-15 19:20:58 发布

丑晓丫

最新推荐文章于 2024-09-15 19:20:58 发布

阅读量68

点赞数

文章标签： ajax

本文链接：https://blog.csdn.net/m0_56228881/article/details/131111045

版权

EventLoop是JavaScript的单线程运行机制，它将同步任务和异步任务分开处理，避免阻塞。当同步任务执行完后，会检查微任务队列，然后是宏任务队列。宏任务包括script、setTimeout等，微任务如Promise.then、MutationObserver。这种机制确保了代码的流畅执行。

摘要由CSDN通过智能技术生成

1. EventLoop又叫事件循环，是单线程语言JS在运行代码时不被阻塞的一种运行机制。

2. JS代码的执行分为同步代码和异步代码。

当碰到同步代码时直接在执行栈中执行，当碰到异步代码并且时机符合时，就会把对应异步代码添加到任务队列中。

当执行栈中的同步代码执行完毕后，就会去任务队列中把异步代码拿到执行栈中执行。

这种反复轮训任务队列并把异步代码拿到执行栈中执行的操作，就是事件循环（EventLoop）。

Event Loop即事件循环，是解决javaScript单线程运行阻塞的一种机制，也就是我们经常使用异步的原理。

Javascript单线程任务被分为同步任务和异步任务，同步任务会在调用栈中按照顺序等待主线程依次执行，异步任务会在异步任务有了结果后，将注册的回调函数放入任务队列中等待主线程空闲的时候（调用栈被清空），被读取到栈内等待主线程的执行。

setTimeout(() => {     
  // 这个回调一定是 1s 执行吗？不一定，取决于执行栈中的同步代码的执行事件有没有超过 1s     console.log(3) 
}, 1000) 
while(true) {}  
// 怎么保证那个时间就是准确的呢？
// web worker => 开启多线程 => 把耗时的操作放到另外一个线程