setTimeout
为什么会比promise
里面的迟缓执行?以下代码就说明该问题。
/*
执行结果:
1–
2–
4–
ok
3–
5–
*/
执行该结果的原因:
第一个console.log(1)是同步任务,直接执行,
遇到new Promise内部的console.log(2)是同步任务,直接执行,
遇到setTimeout是宏任务,加入宏任务的event table中,并注册函数,当时间片执行结束,再将该回调函数加入event queue中,
遇到console.log(4)是同步任务,直接执行,
遇到pro.then是微任务,加入微任务的event queue队列中,
遇到setTimeout是宏任务,加入宏任务的event table中,并注册函数,当时间片执行结束后,加入event queue,
此时,同步任务已经执行完毕,找到微任务的event queue,然后执行,则执行console.log(‘ok’),微任务event queue中已经没有任务,开始执行宏任务的event queue,由于时间片已经轮转完毕,执行回调函数,console.log(3),再执行console.log(5)遵循FIFO
宏任务和微任务
宏任务: 例如setTimeout
和setTimeInterval
微任务: 例如promise.then()
和process.nextTick()
console.log(‘1’);
setTimeout(function() {
console.log(‘2’);
process.nextTick(function() {
console.log(‘3’);
})
new Promise(function(resolve) {
console.log(‘4’);
resolve();
}).then(function() {
console.log(‘5’)
})
})
/*
执行顺序:
1
2
4
3
5
*/
解释结果顺序:
执行同步任务,1输出,
setTimeout加入宏任务的event table中,并注册函数,等时间片结束后进入宏任务的event queue,
此时同步任务执行完毕,且没有微任务,执行宏任务的event queue,
console.log(2)同步任务执行输出,process加入微任务的event queue队列中,console.log(4)同步任务输出,then微任务,加入微任务的event queue队列。
宏任务执行完毕,开始执行微任务,process的console.log(3),再执行then的console.log(5),微任务执行完毕,
执行下一轮的宏任务。
Node
的EventLoop
大致执行顺序:外部输入数据 ? 轮询阶段(poll
) ? 检查阶段(check
) ? 关闭事件回调阶段(close callbacks
) ? 定时器检测阶段(timers
) ? I/O事件回调阶段(I/O callback
) ? 闲置阶段(idle,prepare
) ? 轮询阶段(poll
)…
-
timers
:执行满足条件的setTimeout
和setInterval
回调 -
poll
:等待还没完成的I/O操作,会因timers和超时时间等结束等待 -
check
:执行setImmediate
的回调
实例
function sleep(time) {
let startTime = new Date()
while (new Date() - startTime < time) {}
console.log(time + ‘over’)
}
setTimeout(() => {
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/bb0774f470624fa75caff7d18d43cf36.jpeg)
结尾
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
t这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。