Come impostare un punto di interruzione a una chiamata lambda in Google Chrome DevTools?

Question

Uso gli strumenti per sviluppatori Babel e Google Chrome con le mappe sorgente JavaScript abilitate. Dato questo codice

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

come posso sospendere l'esecuzione in esecuzione della funzione lambda element => element.value? Se imposto un breakpoint alla riga .map(element => element.value), si fermerà solo quando viene eseguita la mappa, ma non quando viene eseguita la funzione lambda.

Answer 1

Questa funzione è finalmente disponibile (almeno in Google Chrome 58). Fai clic sul numero di riga della linea del tuo lambda che desideri eseguire il debug (qui riga 3). Quindi attiva il marker nel tuo lambda (qui il secondo) facendo clic su di esso. Inoltre, ho disabilitato il primo marcatore qui, che sarebbe una pausa sul map chiamata (non il lambda):

Quando il programma viene eseguito e colpisce il punto di interruzione, per mettere in pausa e si può ispezionare variabili:

Answer 2

È possibile utilizzare la parola chiave debugger per segnalare al debugger di mettere in pausa in quella posizione e può essere inserito proprio come qualsiasi istruzione JavaScript.

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

Answer 3

Si può fare come segue:

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

In questo modo è possibile aggiungere un punto di interruzione in linea element.value

Impossibile trovare un modo per farlo funzionare senza codice cambiare.
Se qualcuno può trovare un modo, per favore, dica.