如何让匿名函数在 Chrome 时间轴中被命名？

Question

Chrome 开发人员工具时间轴显示所有 运行 慢代码的“（匿名函数）”，因此我无法弄清楚发生了什么。给这些命名有技巧吗？它还不允许我跳转到这些匿名函数的源代码。我正在使用带有箭头函数和 babel 的 ES6。

Answer 1

不要在代码中使用 lambda 函数。而不是：

async(function(){});

写入：

function withName(){};
async(withName);

Answer 2

使用命名函数表达式：

function call_callback(cb) {
  cb();
}

function doit() {
  call_callback(function not_anonymous() {
    alert("done");
  });
}

<button onclick="doit()">Click me</button>

名称的范围只是函数体，但它会出现在调试器中。