本文介绍了JavaScript中的同步任务和异步任务，重点解析了宏任务和微任务的执行机制。同步任务在主线程执行，而异步任务被放入任务队列，待主线程空闲时执行。异步任务分为宏任务（如setTimeout、Ajax、DOM事件）和微任务（如Promise、async/await），执行顺序遵循先执行所有微任务，再执行一个宏任务的事件循环规则。理解这一机制对于优化JavaScript性能至关重要。
宏任务和微任务
前言
我们都知道js是单线程的，主要操作DOM跟浏览器之间的交互，在同一时间只能做一件事情，这就导致后面的任务需要等前面的任务执行完毕才能执行，如果前面的任务很耗时，就会造成后面的任务一直等待，这些高耗时的操作就会带来进程堵塞，非常不友好。为了解决这个问题JS中就有了同步任务和异步任务
一、同步任务和异步任务？
同步任务：在主线程上，前面的任务完成了，才会执行后面的任务，形成一个执行栈。
异步任务：在任务队列中，不进入主线程，等主线程的任务全部执行完毕，通知任务队列进入主线程中进行执行，而异步任务又分为宏任务和微任务，先执行任务队列里面所有的微任务，然后再执行一个宏任务，依次类推到执行结束..... 这个循环就是事件循环。
二、宏任务和微任务的执行
- 在执行过程中如果遇到同步任务放到主线程，形成执行栈，遇到异步任务放到任务队列等待执行
- 当主线程的任务全部执行完毕后，通知任务队列进入主线程。
- 先执行异步任务中所有的微任务，在执行一个宏任务，以此类推到执行结束，这就是事件循环
三、总结
- 宏任务包括：setTimeout setInterval Ajax DOM事件。
- 微任务：Promise async/await
- 微任务比宏任务的执行时间要早
扫一扫
1304
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
