javascript - 分析匿名 javascript 函数 (chrome)

Question

当 chrome 中的性能分析匿名高使用率函数在调用树的根部列出时很难排除故障。有没有办法确定匿名函数首次实例化的位置？

Answer 1

您可以利用 console.profile([label]) , console.profileEnd() , console.time([label]) , console.timeEnd([label]) .

例如，在控制台的 JS 片段中执行以下代码，然后查看 anonynous function “自定义和控制 DevTools > 更多工具 > JavaScript 配置文件”下的执行配置文件。

console.profile("anonymous function");
console.time("anonymous function");
(function() {
  var a = 123;
  function abc() {
    return a
  }
  abc();
}());
console.timeEnd("anonymous function");
console.profileEnd();

提示:在 DevTools Snipets 中存储 JS:选择 Sources -> Snippets -> 右键单击​​ -> 选择 New -> 地方 javascript在中间面板内 -> 突出显示/选择 javascript 的文本在中间面板内 -> 右键单击​​ -> 选择 Evaluate in Console -> 单击右面板的右三 Angular 或 Ctrl+Enter .