前端深入之js事件执行顺序

事件分为 同步 和 异步

 

同步任务在执行过程中会有一个执行栈

1. 执行主宏任务,即为 主线程的同步任务 ,遇到异步任务,先放入event loop 事件队列当中, 微任务优先,因为主任务也属于宏任务。

2. 执行完所有的同步任务之后 进入 event loop当中

异步任务 分为宏任务(macro-task)、微任务(micro-task)   

macro-task 常用: setTimeout  setImmediate

micro-task  常用:promise 

3. 先执行 microtasks queues 微任务队列 全部执行完之后 清空 microtasks queues  进入 macrotasks queues 将宏任务取出一个 放入执行栈执行完成,就算一次循环结束。然后再进入 microtasks queues 里执行微任务, 依次循环  

  简而言之: 在栈的同步任务执行结束后,查找异步任务, microtasks queues 清空后 执行 宏任务, 再执行 microtasks queues  如此循环。 (嵌套时,会出现)

2020-05-16 补充

异步任务 es6的promise   es7的async await  解决回调地狱的问题。  

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值