javascript - 如何在 Google Chrome DevTools 中的 lambda 调用处设置断点?

标签 javascript lambda google-chrome-devtools breakpoints source-maps

我使用启用了 JavaScript 源映射的 Babel 和 Google Chrome 开发者工具。给定这段代码

function myFunc(elements) {
  return elements
    .map(element => element.value)
    .filter(value => value >= 0);
}

如何在执行 lambda 函数 element => element.value 时暂停执行?如果我在 .map(element => element.value) 行设置断点,它只会在执行 map 时暂停,但不会在执行 lambda 函数时暂停。

最佳答案

此功能终于可用(至少在 Google Chrome 58 中)。单击要调试的 lambda 行的行号(此处为第 3 行)。然后通过单击激活 lambda 中的标记(这里是第二个)。此外,我在这里禁用了第一个标记,它会在 map 调用(不是 lambda)上暂停:

Set breakpoint

当您的程序运行并遇到断点时,它将暂停,您可以检查变量:

Paused on breakpoint

关于javascript - 如何在 Google Chrome DevTools 中的 lambda 调用处设置断点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30664151/

相关文章:

c++ - lambda 捕获变量中的垃圾值作为回调

javascript - 在 DevTools 中检测作用于元素的代码

google-chrome - 如何让 chrome devtools 识别 moment.js

javascript - 如何将文本从一个div传递到另一个div

javascript - Javascript 中 consice 方法中的词法 this

javascript - 如何创建一个 mailTo 链接,其正文包含包含转义值的链接

javascript - <img src ="image_not_found.jpg"onError ="this.style.display = ' none' ;"alt=""/> - 在 chrome 中不工作

java - 如何解释方法比较的参数(Function<?super T,?extend U> keyExtractor)?

lambda 中的 Java 8 lambda 无法修改来自外部 lambda 的变量

google-chrome - 我可以在多大程度上信任谷歌浏览器模拟器?