前端-题目集合

事件循环

什么是事件循环(Event Loop)? 众所周知, Javascript是一门单线程的语言, 单线程即同一时间只能做一件事, 但这并不意味着JavaScript在执行代码的过程中就会一直阻塞,而解决单线程不阻塞的这个机制就叫做事件循环(Event Loop), 也就是同步和异步的概念.在JS中, 所有的任务都可以分为了同步任务和异步任务

• 同步任务: 立即执行的任务, 且只有上一个同步任务执行完毕, 才会执行下一个任务

  同步方法调用一旦开始，调用者必须等到方法调用返回后，才能继续后续的行为。

• 异步任务: 异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。 即在任务执行时不能立刻得到结果, 而是需要在将来通过一定的手段获取, 则称之为异步任务, 例如网络请求, 定时器, 计时器等

  异步方法调用更像一个消息传递，一旦开始，方法调用就会立即返回，调用者就可以继续后续的操作。而，异步方法通常会在另外一个线程中，“真实”地执行着。整个过程，不会阻碍调用者的工作。

   

任务执行流程：

同步任务与异步任务的运行流程图

从上图可以看到, 同步任务和异步任务分别进入不同的执行环境, 同步任务进入主线程, 即主执行栈, 异步任务进入任务队列. 主线程内的任务执行完毕至为空时, 回去任务队列读取对应的任务, 推入主线程执行. 上述过程的不断重复就称之为事件循环(Event Loop)

宏任务和微任务(微 ->宏）

在异步任务中并不像同步任务按顺序执行, 而是再细分为宏任务(macro-task)和微任务(micro-task)

每一次Event Loop触发并开始执行异步任务时, 流程如下:

总结就是:

• 执行一个宏任务时, 遇到微任务, 会把微任务加入到微任务的事件队列中
• 当宏任务执行完成后, 再开始依次执行微任务事件队列中的所有微任务

常见的宏任务有:

• setTimeout/setInterval
• script(可以理解为外层的同步代码)
• I/O操作(node.js)

常见的微任务有:

• Promise的方法
• Object.observe(已废弃, Proxy对象替代)
• process.nextTick(node.js)
• MutaionObserver