vlambda博客
学习文章列表

高级前端养成39js专精07之Event Loop

  1. 操作系统基本原理,事件的概念
1操作系统
  1. 什么是轮询高级前端养成39js专精07之Event Loop

  2. JS 中碰到 Ajax 异步任务会如何执行代码高级前端养成39js专精07之Event Loop

  3. 轮询事件,如何通知 js,Eventloop 到底是指哪块内容高级前端养成39js专精07之Event Loop

  4. Node.js 中 Eventloop 是一个真实存在的对象,还是一个虚拟的概念

  • 从比喻的概念理解,人生的循环,人在一生处于不同阶段的过程,即状态变化的过程高级前端养成39js专精07之Event Loop

  • 事件循环有哪几个阶高级前端养成39js专精07之Event Loop

  • 前端需要掌握哪些事件循环高级前端养成39js专精07之Event Loop

  1. 先执行 timers 还是 setTimeOut(fn,1000)
  • 不确定,因为开启 eventloop 是启动另一个进程,需要时间,执行 js 也是启动 v8 引擎,也是需要时间的

  • timers 阶段和 poll 阶段的理解高级前端养成39js专精07之Event Loop

  • check 阶段 主要做什么

    • check 阶段主要存 setImmediate(fn2)这种 api 高级前端养成39js专精07之Event Loop
  1. 著名考题
  • setTimeOut(fn,0)和 setImmediate(fn2)哪个先执行
setTimeout(() => console.log("fn"), 0);
setImmediate(() => console.log("fn2"));
  • 不一定,如果开启 eventloop 比较慢,则先执行 setImmediate,因为 timers 阶段不确定有没有,即执行 js 还没开始,那么进入 poll 阶段等。反之则先执行 setTimeOut
  • 如果一秒钟之后执行,肯定是 fn2 先,因为大部分时候都是停在 poll 阶段等,那么在执行 timers 之前一定会执行 setImmediate 回调,只有在第一次什么都没准备好会有例外
setTimeout(() => {
  setTimeout(() => console.log("fn"), 0);
  setImmediate(() => console.log("fn2"));
}, 1000);
  • process.nextTick() 会放到哪里
    • nextTick 并不属于 event loop 的一部分,nextTick 的意思是在当前阶段马上执行
setTimeout(() => {
  setTimeout(() => console.log("fn1"), 0);
  setImmediate(() => console.log("fn2"));
  process.nextTick(() => console.log("fn3"));
}, 1000);
// 3 2 1
setTimeout(() => {
  setTimeout(() => {
    console.log("fn1");
    process.nextTick(() => console.log("fn4"));
  }, 0);
  setImmediate(() => console.log("fn2"));
  process.nextTick(() => console.log("fn3"));
}, 1000);
// 3 2 1 4
  1. 例题
  • 做题必画图 高级前端养成39js专精07之Event Loop
  1. 总结1 高级前端养成39js专精07之Event Loop
  2. 难题2 高级前端养成39js专精07之Event Loop
  3. 总结2
  4. 做题3