10 consejos para la depuración de Javascript como un profesional con consola

Debo admitirlo por primera vez, y usaré esta plataforma para limpiar los esqueletos de mi armario de desarrollo. A veces, la magia que hago, que algunos llaman "codificación", no es tan perfecta como el resultado podría parecer a mis colegas cuando se les muestran los magníficos resultados. Sí, lo dije, a veces, uso la antigua prueba y error que todos llamamos depuración :)

Durante la última década, una de mis pasiones es el desarrollo front-end (especialmente javascript). Como artesano, me encanta aprender nuevas herramientas del oficio. En esta historia, te voy a dar algunos consejos increíbles para depurar como un profesional, utilizando la consola antigua.

Sí, todos sabemos lo básico:
console.log ('¡Hola Mundo!'); // registra un mensaje o un objeto para consolar
console.info ("Algo sucedió ..."); // igual que el registro de la consola
console.warn ("Algo extraño sucedió ..."); // igual que el registro de la consola pero genera una advertencia
console.error ("Algo horrible sucedió ..."); // igual que el registro de la consola pero genera un error

Espero que ahora pueda darte algunos consejos que no sabías antes y que te convertirán en un depurador PRO.

Consejo # 1 console.trace ()

Si desea saber dónde se solicita el registro, use console.trace () para obtener el seguimiento de la pila con los datos registrados.

Consejo # 2 console.time () && console.timeEnd ()

Si está tratando de encontrar un problema de rendimiento disimulado, comience a contar el tiempo con console.time () e imprima con console.timeEnd ().

Consejo # 3 consola.memory

Si su problema de rendimiento es aún más complicado y está buscando una fuga furtiva de memoria, puede intentar utilizar console.memory (propiedad, no una función) para verificar el estado de su tamaño de almacenamiento dinámico.

Consejo # 4 console.profile ("profileName") y console.profileEnd ("profileName")

Esto no es estándar, pero es ampliamente compatible. Puede iniciar y finalizar una herramienta de rendimiento del navegador: perfil de rendimiento del código utilizando console.profile ("profileName") y luego console.profileEnd ("profileName"). Esto lo ayudará a perfilar EXACTAMENTE lo que desea y evitará que tenga que hacer clic con el mouse, dependiendo del tiempo.

Consejo # 5 console.count ("MATERIA I COUNT")

En el caso de código o función recurrente, puede usar console.count ("?") Para mantener el recuento de cuántas veces se lee su código.

Consejo # 6 console.assert (falso, "Log me!")

Sí, el registro condicional sin envolver sus registros con if-else :)
Puede usar console.assert (condición, mensaje) para registrar algo cuando la condición es falsa.
* descargo de responsabilidad: en Node.js, esto arrojará un error de aserción.

Consejo # 7 console.group (‘group’) & console.groupEnd (‘group’)

Después de escribir tantos registros, es posible que desee organizarlos. Una herramienta pequeña y útil para eso es console.group () & console.groupEnd (). Al usar el grupo de consola, los registros de la consola se agrupan, mientras que cada grupo crea otro nivel en la jerarquía. Llamar a groupEnd reduce uno.

Consejo # 8 sustituciones de cadena

Al iniciar sesión, puede incorporar variables utilizando sustituciones de cadena. Estas referencias deben ser tipos (% s = cadena,% i = entero,% o = objeto,% f = flotante).

Consejo # 9 console.clear ()

Bueno, después de haber escrito tantos registros, ahora es el momento de limpiar un poco la consola.

Consejo # 10 console.table ()

¡Ahorrando lo mejor para el final, esta es una verdadera joya en mi opinión! En realidad, puede imprimir una tabla muy bonita con los objetos que registra utilizando la consola.table ()

¡Realmente espero que estos consejos hagan que su depuración sea un poco más productiva e incluso un poco divertida!

Si te encanta jugar con la tecnología, ¡únete a nosotros!

Esta historia fue traducida al español por Javier Font.