ES6之后引入Promise对象(用来管理异步任务),让JS引擎也可以发起异步任务
一:异步任务分类
异步任务分为:宏任务与微任务
宏任务
由浏览器环境执行的异步代码
具体宏任务分类
微任务
由JS引擎执行的代码
创建Promise对象时,本身时同步任务。但是then与catch里面的回调函数是异步任务
二:JS内代码执行流程
- 执行script脚本事件宏任务中的同步代码
- 遇到宏任务/微任务交给对应的宿主环境,有结果的回调函数进入对应队列等待执行
- 当执行栈空闲(同步任务执行完毕)时,优先清空微任务队列后,再执行宏任务队列中的任务
三:经典面试题
面试题1
<script>// 目标:回答代码执行顺序console.log(1)setTimeout(() => {console.log(2)const p = new Promise(resolve => resolve(3))p.then(result => console.log(result))}, 0)const p = new Promise(resolve => {setTimeout(() => {console.log(4)}, 0)resolve(5)})p.then(result => console.log(result))const p2 = new Promise(resolve => resolve(6))p2.then(result => console.log(result))console.log(7)</script>//1 7 5 6 2 3 4
面试题2
console.log(1)setTimeout(() => {// 宏任务console.log(2)}, 0)const p = new Promise((resolve, reject) => {resolve(3)})p.then(res => {//微任务console.log(res)})console.log(4)
打印顺序为:1 4 3 2
setTimeout与.then方法分别是宏任务与微任务,其执行时分别位于宏任务队列和微任务队列中。由于.then方法执行所在的环境在JS引擎中,所以其比在宏任务队列中的setTimeout更先执行。
微任务队列中的任务比宏任务队列中的任务更先执行
如何赚钱
现在是否厌倦了程序员朝九晚五的生活,想给自己生活寻找另一条路径;在校大学生是否愿意在校进行人生中的第一次创业,获取人生第一桶金;是否正在看此篇文章的你愿意通过五年努力,让自己开上梦想的中的车子;
那就从提升认知开始,加入微木的知识星球:微木的创业思考
专属于创业者的交流集中地,创业、认知提升找微木!
1 创业底层方法论
2 从千万本书书籍中挑选出的,人生必读书目清单。
3 认知提升学习资源(秘密)
4 寻找赚钱项目底层方法论
5 好书精华提炼
6 深度链接微木
每天仅需0.3元/天,欢迎加入专属于创业者的交流集中地,创业、认知提升找微木!