-
首先要对js执行顺序有一个了解。
js执行代码的过程是顺序执行，也就是从上往下执行，也就是说，当执行代码时，第一个任务先执行完，才会执行下一个任务，但是如果中途有任务执行耗时太长，又不能让后面任务等待，这个时候就需要分成俩个任务了，
同步任务和异步任务,等同步任务也就是主线程任务执行完成，会到异步队列里面拿取任务。
1.js是单线程语言
2.JavaScript执行机制是Event Loop
-
异步任务分为
宏任务和微任务
1.首先我们进入异步队列中会先检测微任务中是否有可执行的代码
2.如果有任务存在，则执行完所以的微任务
3.没有微任务存在，则重新执行宏任务，往此反复
同步任务，异步任务图解
同步任务异步任务图解
宏任务微任务执行图解
![]()
宏任务微任务执行过程
宏任务微任务执行过程
所以从上面的图我们可以得知：
1.同步任务先执行，但是这里同步任务其实也是宏任务！！！
2.异步队列是先判断是否有可执行的微任务
我们用个例子说明一下：
console.log('start');
setTimeout(() => {
console.log('setTimeout');
setTimeout(() => {
console.log('2222');
},0)
Promise.resolve().then(function() {
console.log('promise3');
}).then(function() {
console.log('promise4');
});
new Promise((resolve,reject) => {
console.log(1111);
})
},0)
Promise.resolve().then(function() {
console.log('promise1');
}).then(function() {
console.log('promise2');
});
console.log('end');
//答案如下
start
end
promise1
promise2
setTimeout
1111
promise3
promise4
2222
执行过程：
1.先执行同步任务，所以先输出start，end，因为console.log是同步任务，其实也是宏任务，直接执行。
2.然后执行Promise.then方法，是异步队列里面的微任务，输出promise1，promise2.
3.最后执行存入异步队列里面的setTimeout方法。但是在这里面也分为宏任务，微任务，先执行console，输出setTimeout。
4.这里特别注意，new实例化的promise和Promise之间不一样，new promise是宏任务，先执行，在执行微任务Promise，最后执行setTimeout。
对于宏任务，和微任务理解后期会做更新！
