Javascript的单线程,微任务,宏任务

1、JavaScript的单线程

从一诞生,JavaScript 就是单线程,这已经成了这门语言的核心特征,将来也不会改变。

为了利用多核 CPU 的计算能力,HTML5 提出 Web Worker 标准,允许 JavaScript 脚本创建多个线程,但是子线程完全受主线程控制,且不得操作 DOM。所以,这个新标准并没有改变 JavaScript 单线程的本质。

2、微任务,宏任务

因为js是单线程,所以在js执行的时候代码从上往下执行,先执行同步代码,在同步代码执行完毕之后,执行异步代码,

任务执行
在这里插入图片描述

小例子
setTimeout(() => {
    //执行后 回调一个宏事件
    console.log('内层宏事件3')
}, 0)
console.log('外层宏事件1');

new Promise((resolve) => {
    console.log('外层宏事件2');
    resolve()
}).then(() => {
    console.log('微事件1');
}).then(()=>{
    console.log('微事件2')
})
// 结果为
// 外层宏事件1
// 外层宏事件2
// 微事件1
// 微事件2
// 内层宏事件3
执行顺序
  1. 首先浏览器开始解析js代码从上之下,先执行同步,遇到异步之后分发到供任务和微任务
  2. 在同步执行完毕后,先执行微任务,然后执行宏任务
  3. 在执行微任务或者宏任务中发生嵌套时,首先先执行其中的同步代码,然后在运行微任务,在微任务执行完毕后,先暂时不执行其中 的宏任务,先执行与当前任务统计的微任务或者宏任务,然后在全部执行完毕后,在折回去执行刚才嵌套的宏任务。
    tips:setTimeout在执行的时候是所有延时器一起进行,哪个时间短执行哪个

微任务

在这里插入图片描述

宏任务

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值