美文网首页
Event lop事件循环机制总结

Event lop事件循环机制总结

作者: panergongzi | 来源:发表于2020-10-08 17:07 被阅读0次

微任务和宏任务

任务队列又分为macro-task(宏任务)与micro-task(微任务),在最新标准中,它们被分别称为task与jobs。

macro-task大概包括:script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。

micro-task大概包括: process.nextTick, Promise, Object.observe(已废弃), MutationObserver(html5新特性)

js代码执行顺序

1,从上往下执行,遇到setTimeout,setInterval等宏任务添加到宏任务队列,遇到promise等微任务添加到微任务队列,同步代码执行完之后,执行微任务队列。

2,执行下一个宏任务,比如setTimeout函数体里面的,先执行同步代码,然后执行微任务代码,遇到宏任务就添加到宏任务队列

3,new Promise()函数体里面的代码为同步代码会同步执行,.then里的代码为异步代码。

参考前端基础进阶(十四):深入核心,详解事件循环机制 - 简书

相关文章

  • Event lop事件循环机制总结

    微任务和宏任务 任务队列又分为macro-task(宏任务)与micro-task(微任务),在最新标准中,它们被...

  • iOS RunLoop由浅入深

    Event Loop Event Loop事件循环机制,如javascript的事件循环,以及依赖其的nodejs...

  • 成长(10/2000)——面试题合集7

    事件循环机制event-loop 事件循环机制由三部分组成:调用栈、消息队列和微任务队列。 event-loop开...

  • 并发:事件循环 & asyncio

    1. 事件循环机制 1.1. 什么是事件循环 事件循环(Event Loop),即通过轮询方法监控事件; asyn...

  • JavaScript-事件循环

    参考JavaScript运行机制之事件循环(Event Loop)详解 从setTimeout说事件循环模型 单...

  • 异步操作和事件循环机制(Event Loop)续一

    上一次文章 异步操作和事件循环机制(Event Loop)中我们提到了 EventLoop ,而事件循环机制在 N...

  • JavaScript之Event Loop

    细谈Event Loop 前段时间对JavaScript的 Event Loop (事件循环机制)有些感兴趣,就去...

  • Event Loop(事件循环)机制

    javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。 单线程意味着,javascript代码在执行的...

  • 事件循环机制Event Loop

    1、后台语言中的异步:同时开辟多个线程,每个线程同时做多个事情 js中的异步是不一样的异步,不管如何只能做一件事情...

  • 异步

    一、循环 Event Loop 机制 1、事件循环的流程 在main中直接执行,优先于Microtask和Even...

网友评论

      本文标题:Event lop事件循环机制总结

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