Jak ustawić punkt przerwania w wywołaniu lambda w Google Chrome DevTools?

Question

Używam Babel i Google Chrome Developer Tools z włączonymi mapami źródeł JavaScript. Biorąc pod uwagę ten kod

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

jak mogę wstrzymać wykonanie przy wykonywaniu funkcji lambda element => element.value? Jeśli ustawię punkt przerwania na linii .map(element => element.value), będzie to tylko pauza, gdy mapa zostanie wykonana, ale nie wtedy, gdy zostanie wykonana funkcja lambda.

Answer 1

Ta funkcja jest już dostępna (przynajmniej w przeglądarce Google Chrome 58). Kliknij numer linii linii lambda, którą chcesz debugować (tutaj wiersz 3). Następnie aktywuj znacznik w swoim lambda (tutaj drugi), klikając go. Ponadto, ja wyłączone pierwszy marker tutaj, które mogłyby wstrzymać na map rozmowy (nie lambda):

Gdy biegnie programu i uderza przerwania, to pauza i możesz sprawdzić zmienne:

Answer 2

Można użyć słowa kluczowego debugger, aby zasygnalizować debuggerowi, aby zatrzymał się w tym miejscu i można go wstawić tak, jak każde polecenie JavaScript.

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

Answer 3

Można to zrobić w następujący sposób:

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

ten sposób można dodać punkt przerwania w wierszu element.value

nie udało się znaleźć sposób, aby działać bez kodu zmienia.
Jeśli ktokolwiek może znaleźć sposób, proszę powiedzieć.