JS异步宏队列微队列原理详解
先看一张我绘制的原理图
setImmediate也是宏任务，在Node环境下，微任务还有process.nextTick
JS中用来存储待执行回调函数的队列包含2个不同特定的列队
- 宏列队：用来保存待执行的宏任务（回调），比如：定时器回调、DOM事件回调、ajax回调微
- 列队：用来保存待执行的微任务（回调），比如：promise的回调、MutationObserver的回调
JS执行时会区别这2个队列
- JS引擎首先必须先执行所有的初始化同步任务代码
- 每次准备取出第一个宏任务执行前,都要将所有的微任务一个一个取出来执行，也就是优先级比宏任务高，且与微任务所处的代码位置无关
下面这个例子可以看出Promise要先于setTimeout执行
setTimeout(()=>{//立即放入宏队列
console.log('settimeoutcallback1()');
},0);
setTimeout(()=>{//立即放入宏队列
console.log('settimeoutcallback2()');
},0);
Promise.resolve(1).then(value=>{//立即放入微队列
console.log('PromiseonResolved1()',value);
})
Promise.resolve(2).then(value=>{//立即放入微队列
console.log('PromiseonResolved2()',value);
})
//PromiseonResolved1()1
//PromiseonResolved2()2
//settimeoutcallback1()
//settimeoutcallback2()
全文完。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。