美文网首页面试相关
事件循环机制-宏任务-微任务

事件循环机制-宏任务-微任务

作者: 未来在奋斗 | 来源:发表于2021-05-19 22:25 被阅读0次

    事件循环机制

    • 浏览器事件循环机制
    • node事件循环机制
      事件循环机制分别有浏览器事件循环机制和node事件循环机制,今天记录一下浏览器事件循环机制。

    浏览器事件循环机制

    1.js脚本执行是单线程的,其中分为主线程,宏任务,微任务。
    1.1 主线程可以理解为js从上到下依次执行
    1.2 宏任务有script setTimeout setInterval 等
    1.3 微任务主要有promise
    2.执行主线程代码,遇到宏任务会将宏任务中的回调放置在宏任务队列中,当遇到了promise的时候,将.then里的回调放置微任务队列中,主线程执行完成之后,先从微任务队列中里拿出任务执行,微任务执行完成之后在从宏任务队列里拿出任务执行。宏任务里面可能还有其他的宏任务,微任务这个时候他们的任务会放在下一次循环中执行,如此循环就是浏览器的事件循环机制。
    3.下面给俩个例子大家看一下就明白了。


    事件循环机制.png

    图中白色截图就是打印结果,方便大家理解。
    4.在记录一个知识点new promise 是创建一个对象,是主线程哦。


    事件循环机制2.png

    文章为本人学习记录使用,如有错误欢迎大家指点。

    相关文章

      网友评论

        本文标题:事件循环机制-宏任务-微任务

        本文链接:https://www.haomeiwen.com/subject/awtijltx.html