【Javascript基础】宏任务,微任务解析
什么是同步任务,什么是异步任务
同步任务: 当前主线程将要消化执行的任务,这些任务一起形成执行栈。
异步任务: 不进入主线程,而是进入任务队列,即不会马上进行的任务。
任务队列的异步任务又分为宏任务与微任务,也就是说宏任务和微任务虽然都是异步任务,都在任务队列中,但是它们在不同的队列中。
一般情况下,宏任务包含以下内容:setTimeout setInterval, I/O, 事件,postMessage,setImmediate, requestAnimationFrame, UI渲染。
微任务包含以下内容: Promise.then, MutationObserver, process.nextTick
实例讲解一
console.log('start here');
setTimeout(() => {
console.log('setTimeout');
}, 0);
new Promise((resolve, reject) => {
resolve('promise result');
}).then(value => {
console.log(value);
});
console.log('end here');
输出结果:
start here // 同步任务
end here // 同步任务
promise result // 微任务
setTimeout // 宏任务
可以看出是先执行同步任务,然后执行微任务,然后执行宏任务。
实例讲解二
setTimeout( () => {
console.log('here 1 ');
}, 1);
setTimeout( () => {
console.log('here 2');
}, 10);
很多人觉得是先是here 2, 然后才是here 1。
其实这里是反的,按照宏任务的执行顺序,先是here 1, 然后才是here 2。
实例讲解三
console.log('start here');
setTimeout(() => {
console.log('setTimeout')
}, 10);
new Promise((resolve, reject) => {
resolve('promise result');
}).then(value => console.log(value));
console.log('end here');
最后的结果:
start here
promise result
end here
setTimeout