javascript - Chrome 分析器 - 为什么功能有时会停止一小段时间？

Question

这是 Chrome Performance Devtools 捕获的我的网络执行的图片:

我注意到函数在执行过程中会停止很多次，当我的网络函数停止时，Chrome 会执行一些 RegExp 操作(如图所示)。我不明白这是什么，为什么会这样。请帮忙解释一下，谢谢。

更新:这是一个同样以相同方式执行的函数:

Answer 1

你描述了什么

您描述问题的方式听起来像是您认为 JavaScript 虚拟机在函数执行时(即在它们返回之前)暂停(停止它们)以执行其他操作，然后恢复函数。

您显示的图像对我来说根本没有暗示。

我看到了什么

虚拟机执行:

• callback，调用
• 一些名称被工具提示隐藏的函数，它调用:
• fireWith，调用:
• fire，调用:
• 等...

然后最深的函数返回，调用它的函数返回，依此类推，直到 fire 返回，fireWith 返回，我们无法知道其名称的函数read 返回，callback 返回。

然后 VM 运行一个 RegExp 函数，它再次调用一个名为 callback 的函数，整个过程重新开始。 换句话说，带有 callback 的第二列和其余部分是对函数的新调用。 这些函数不是“停止 [ping] 一小会儿”:它们被多次调用。

我一直在响应事件的库中看到这一点。他们通常会遍历事件处理程序来调用它们。给定一个足够复杂的库，在调用处理程序的循环和您的自定义代码之间可能存在大量胶水代码，因此在分析中会出现大量重复调用。