Anteriormente hemos visto los conceptos introductorios de ES6. . La depuración es el acto de mirar a lo largo del código, comprender lo que está haciendo y descubrir por qué el programa no está actuando como se esperaba.
En el siguiente ejemplo, la función console.log() se usa para la depuración de código. Para comprender lo que está sucediendo en el programa en cada paso, estamos averiguando con la función console.log() que genera la array y el acumulador en el programa en cada paso a la consola.
const flattened = [[0, 1], [2, 3], [4, 5]]
.reduce((accumulator, array) => {
document.write('array', array);
document.write('accumulator', acccumulator);
return accumulator.concat(array);
}, []);
Para evitar iniciar sesión en la consola cada vez, ES6 proporciona la herramienta de depuración, el depurador. El depurador permite al usuario sumergirse en cualquier función y monitorear todo paso a paso. Cuando JavaScript Engine y el navegador se encuentran con la palabra depurador, se detiene y abre la ventana para nosotros.
El siguiente ejemplo demuestra el uso de un depurador. El motor de JavaScript se detiene en el depurador y abre la ventana como se muestra a continuación. La ventana brinda información sobre la array y el acumulador en el programa.
// JavaScript code
const flattened = [[0, 1], [2, 3], [4, 5]]
.reduce((accumulator, array) => {
debugger;
return accumulator.concat(array);
}, []);
