JavaScript 运行时性能分析怎么查看 EME 耗时-js教程-PHP中文网

查看 javascript 运行时 eme（event loop microtask execution）耗时，最直接的方法是在 chrome devtools 的 performance 面板中开启 enable advanced instrumentation 选项，并在录制时勾选 microtasks。这样在生成的火焰图（flame chart）中，你会看到专门标记为 [microtasks] 或 promise.then 的蓝色条块，它们代表了微任务队列的执行时间。

JavaScript 运行时性能分析怎么查看 EME 耗时

如何在 Performance 面板中定位微任务执行区间

在 Chrome DevTools 中，点击顶部的齿轮图标进入设置，找到 Rendering 标签页，勾选 Enable advanced instrumentation。回到 Performance 面板，点击录制按钮，进行一段包含异步操作（如 Promise 链、await/async）的操作后停止录制。在时间轴视图中，展开左侧的事件列表，寻找类型为 Microtask 的事件。这些事件通常表现为细长的蓝色条带，位于主线程空闲间隙或紧随宏任务之后。它们的持续时间即为 EME 耗时。

JavaScript 运行时性能分析怎么查看 EME 耗时

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

const btn = document.getElementById('btn');
btn.addEventListener('click', () => {
  console.time('macro');
  setTimeout(() => {
    console.log('Macro task start');
    Promise.resolve().then(() => {
      console.log('Micro task 1');
      return Promise.resolve();
    }).then(() => {
      console.log('Micro task 2');
    }).finally(() => {
      console.timeEnd('macro');
    });
  }, 0);
});

如何通过代码手动测量微任务耗时

除了使用 DevTools，也可以通过代码手动测量微任务的执行耗时。利用 performance.now() 获取高精度时间戳，在微任务执行前后分别记录时间。由于微任务在当前宏任务结束后立即执行，可以在一个宏任务内发起多个微任务，并计算它们之间的时间差总和。这种方法适用于需要精确量化特定逻辑块中微任务开销的场景。

JavaScript 运行时性能分析怎么查看 EME 耗时

[Microtasks]

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南