Javascript宏任务与微任务以及事件循环

2023-12-14 14:39:55

宏任务(Macrotask)

宏任务(Macrotask):通常是一些耗时较长的操作,如 I/O 操作、定时器等,它们会被推入到任务队列中等待执行。

微任务(Microtask)

微任务(Microtask):通常是一些执行速度较快的操作,如 Promise 的回调、MutationObserver 等,它们也会被推入到任务队列中等待执行。

Event Loop(事件循环)

Event Loop(事件循环)是 JavaScript 中处理异步操作的一种机制。它控制着 JavaScript 代码的执行顺序,确保异步任务能够被正确地执行。

总结

在 JavaScript 中,同步任务会直接进入主线程执行,而异步任务会被放入任务队列中等待执行。Event Loop 负责监控主线程和任务队列,当主线程执行完当前的同步任务后,会检查任务队列中是否有待执行的任务。如果有,会将任务队列中的第一个任务取出,并放入主线程执行,否则会一直等待,直到任务队列中有任务为止。

Event Loop 的基本流程

  1. 执行同步任务,直到遇到第一个异步任务。
  2. 将异步任务添加到任务队列中。
  3. 继续执行后续的同步任务。
  4. 当所有同步任务执行完毕,开始检查任务队列。
  5. 如果任务队列中有任务,则按照顺序取出并放入主线程执行。
  6. 执行完当前任务后,再次检查任务队列,重复上述步骤。

通过 Event Loop,JavaScript 可以执行非阻塞的异步操作,提高了程序的性能和响应能力。

到这里也就结束了,希望对您有所帮助。

文章来源:https://blog.csdn.net/weixin_71893790/article/details/134993908
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。