EventLoop 宏任务与微任务

JavaScript 是一门 单线程执行 的编程语言。也就是说，同一时间只能做一件事情。

1. 单线程执行任务队列的问题：

如果 前一个任务非常耗时 ，则后续的任务就不得不一直等待，从而导致 程序假死 的问题。

2. 同步任务和异步任务

为了防止某个 耗时任务 导致 程序假死 的问题，JavaScript 把待执行的任务分为了两类：

① 同步任务 （synchronous）

 又叫做 非耗时任务 ，指的是在主线程上排队执行的那些任务

 只有前一个任务执行完毕，才能执行后一个任务

② 异步任务（asynchronous）

  又叫做 耗时任务 ，异步任务由 JavaScript 委托给 宿主环境进行执行

  当异步任务执行完成后，会 通知 JavaScript 主线程 执行异步任务的 回调函数

3. 同步任务和异步任务的执行过程 

① 同步任务由 JavaScript 主线程次序执行

② 异步任务 委托给 宿主环境执行

③ 已完成的异步任务 对应的回调函数 ，会被加入到任务队列中等待执行

④ JavaScript 主线程的 执行栈 被清空后，会读取任务队列中的回调函数，次序执行

⑤ JavaScript 主线程不断重复上面的第 4 步

JavaScript 主线程从“任务队列”中读取异步任务的回调函数，放到执行栈中依次执行。这个过程是循环不断的，所以整个的这种运行机制又称为 EventLoop（事件循环）

4 .宏任务和微任务

JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是：

① 宏任务 （macrotask）

 异步 Ajax 请求、

  setTimeout、setInterval、

  文件操作

  其它宏任务

② 微任务 （microtask）

 Promise.then、.catch 和 .finally

 process.nextTick

  其它微任务

5. 宏任务和微任务的执行顺序

每一个宏任务执行完之后，都会检查 是否存在待执行的微任务, 如果有则执行完所有微任务之后,再继续执行下一个宏任务。