我可以在 Chrome Profiler 中分离函数调用吗？

Question

我创建了一个在另一个 Javascript 程序上执行 AOP 的库。我正在采取的程序如下：

var func_name = func.name.toString();

//new function with the name of original function
window[func_name] = function(){
      ...
      JSLibrary.returnValue = func.apply(this, arguments);
      ...
      return JSLibrary.returnValue
}

该过程通过在调用原始函数之前和之后执行附加代码的函数覆盖所需的函数。

我想对程序进行分析，以便我可以测量我的库的计时，然后比较结果。当我使用 Chrome 分析程序并在调用树下查看时，我可以看到上面的新函数实际上正在被调用并且它被称为 window.(anonymous function) （这没有错，因为我知道我的一些功能被覆盖了）。但在某些情况下，例如下面的情况，探查器将重写函数分组在一个匿名函数下（尽管它们是单独调用的）并且时间表示重写函数加起来的所有时间，因此我无法测量时间每个函数。

换句话说，我想问一下有没有办法让profiler显示调用的函数结构如下：

validateRegistration
  window.(anonymous function)
    registerNewAccount
  window.(anonymous function)
    (anonymous)
  window.(anonymous function)
    checkPasswordConfirmation
  window.(anonymous function)
    checkChosenQuestion
  window.(anonymous function)
    (anonymous)

Answer 1

我设法做到了这一点，我遍历了时间轴并找到了分离的调用函数及其时间。

我可以在 Chrome Profiler 中分离函数调用吗？

Can I separate function calls in Chrome Profiler?

google-chrome-devtools

aop

profiler

overriding