EventLoop概念:
EventLoop即事件循环,因为JavaScript就是单线程,也就是说同一时间只能做一件事。单线程就意味着所有任务需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着
任务队列
所有任务可以分成同步任务和异步任务,同步任务,顾名思义就是立即执行的任务,同步任务一般会直接进入到主线程执行;而异步任务就是异步执行的任务,异步任务会通过任务队列的机制来进行协调。
同步任务和异步任务的执行过程
JavaScript主线程中,主执行栈里放着同步任务1,异步任务A,异步任务C,同步任务2。同步任务由JavaScript主线程执行 ;异步任务委托给宿主环境执行;已完成的异步任务对应的回调函数加入到任务队列中等待执行;JavaScript主线程的执行栈被清空后,会读取任务队列中的回调函数,次序执行;JavaScript主线程不断重复上面的第四步
结合EventLoop分析输出顺序
import thenFs from 'then-fs
console.log(1)
thenFs.readFile('文件路径','utf8').then(dataStr=>{
console.log(2)
})
setTimeout(()=>{
console.log(3)
},0)
console.log(4)
输出结果:1432
14属于同步任务,根据代码顺序会被先执行,32属于异步任务,他们的回调函数会被加入到任务队列中,等待主线程空闲时在执行
宏任务和微任务
JavaScript把异步任务又做了进一步划分,异步任务分为两类宏任务,微任务
宏任务和微任务的执行顺序:每一个宏任务执行完之后,都会检查是否存在待执行的微任务,如果有,则执行完所有微任务之后,再去执行下一个宏任务