如何在Google Chrome DevTools的lambda調用中設置斷點？

Question

我使用啟用了JavaScript源地圖的Babel和Google Chrome開發者工具。 鑒於此代碼

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

如何在執行lambda function element => element.value暫停執行？ 如果我在.map(element => element.value)行設置一個斷點，它只會在執行map時暫停，但不會在執行lambda函數時暫停。

Answer 1

此功能最終可用（至少在Google Chrome 58中）。 單擊要調試的lambda行的行號（此處為第3行）。 然后通過單擊激活lambda中的標記（此處為第二個）。 此外，我在這里禁用了第一個標記，這將在map調用（而不是lambda）上暫停：

當你的程序運行並命中斷點時，它會暫停，你可以檢查變量：

Answer 2

您可以使用debugger關鍵字來指示調試器在該位置暫停，並且可以像任何JavaScript語句一樣插入調試器。

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

Answer 3

你可以這樣做：

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

這樣，您可以在line element.value添加斷點

沒有代碼更改就找不到讓它工作的方法。
如果有人能找到方法請告訴。