Valentina Llorente Hernández
Tip de atajos en vsc:
selecciona la linea de codigo que quieres replicar oprime Alt + Shift + ↓ y se te duplica la información y es más facil editar.
Alexander Hernandez
y Shift + ↓ para moverlos hacia abajo.
Consolida tu dominio de la consola en JavaScript y Node.js y verás cómo tu depuración mejora desde el primer minuto. Más allá de console.log, existen utilidades clave como console.count, console.countReset, console.group, console.groupEnd, console.assert, console.clear y console.trace. Además, un tip práctico con Code Runner en Visual Studio Code acelera tus pruebas al ejecutar solo fragmentos de código.
¿Cómo potenciar console más allá de console.log en JavaScript y Node.js?
La API de console ofrece herramientas para contar eventos, agrupar mensajes, validar condiciones, limpiar la salida y ver la pila de llamadas. Usarlas bien agiliza tus pruebas y te da más contexto al revisar resultados en Node.
¿Qué resuelve console.count y countReset para contadores?
Cuando necesitas saber cuántas veces ocurre algo, console.count incrementa y muestra un conteo por etiqueta. Con console.countReset reinicias ese contador. Es clave pasar siempre el mismo identificador.
console.count('contador'); // 1 console.count('contador'); // 2 console.countReset('contador'); // reset console.count('contador'); // 1
¿Cómo ejecutar fragmentos con Code Runner en Visual Studio Code?
El complemento Code Runner crea un archivo temporal y ejecuta solo lo seleccionado. Ideal para probar una función o bloque sin correr todo el script en Node.
Beneficios: iteras más rápido, evitas ruido de otras partes del programa y te enfocas en el comportamiento que te interesa.
¿Cómo organizar y jerarquizar la salida con console.group?
Para entender mejor la información, agrupa mensajes en niveles. console.group crea una sangría visual; console.groupEnd cierra el nivel. Así estructuras secciones como un “grupo principal” y “subgrupos”.
¿Cómo crear subgrupos anidados con group y groupEnd?
Cada subgrupo debe cerrarse. Mantén el orden de apertura y cierre para que la jerarquía se vea clara.
console.group('grupo principal'); console.log('información uno'); console.group('subgrupo de información'); console.log('información subgrupo uno'); console.groupEnd(); console.log('final del grupo'); console.groupEnd();
Claves prácticas:
¿Cómo depurar con console.assert, console.clear y console.trace?
Estas utilidades reducen ruido y te dan contexto de ejecución. console.assert solo muestra mensajes cuando la condición es falsa. console.clear limpia la consola. console.trace expone la pila de llamadas actual, útil para localizar el origen de un problema.
¿Cuándo aparece console.assert y qué condición lo dispara?
Si la condición es verdadera, no muestra nada. Si es falsa, imprime el mensaje. Úsalo para validar supuestos en pruebas rápidas.
console.assert(1 == 1, 'no se muestra'); // no imprime nada console.assert(1 == 2, 'esto sí se mostrará'); // imprime el mensaje
Punto clave: el mensaje se ve solo cuando la expresión es falsa.
¿Para qué sirve console.clear al ejecutar en Node?
console.clear limpia toda la salida visible. Útil cuando ya no necesitas lo anterior y quieres una vista limpia. Puede que no siempre lo requieras, pero es práctico cuando buscas enfocarte en resultados nuevos.
console.clear();
¿Qué aporta console.trace sobre la pila de llamadas actual?
console.trace imprime la traza de ejecución. Verás el archivo y la posición en la que se invocó, por ejemplo línea 56:9, lo que facilita ir al punto exacto y actuar. Recuerda: los errores son aliados porque te señalan dónde intervenir.
console.trace('mostrar la pila de llamadas actual');
Con estas herramientas tienes más control para mostrar, ordenar y diagnosticar información al trabajar con JavaScript y Node.js.
¿Tienes otra técnica o caso de uso con console que te haya ayudado? Cuéntalo en los comentarios y probemos variantes juntos.
Valentina Llorente Hernández
Tip de atajos en vsc:
selecciona la linea de codigo que quieres replicar oprime Alt + Shift + ↓ y se te duplica la información y es más facil editar.
Alexander Hernandez
y Shift + ↓ para moverlos hacia abajo.
Santiago Perozo
Wow, y uno utilizando solo console.log a diestra y siniestra para depurar, todos estos métodos de console abren un gran abanico para debuggear código, y también para dar información a otros devs que trabajen con nosotros o que usen una aplicación hecha por nosotros mismos con nodejs
Gonzalo Tomas Orlando
Otro quiz maloooooo!
Marcos Mesias
El console.clear() es muy útil, si lo colocamos al principio de cualquier código, en las primera línea, siempre que usemos la consola para correr el código, limpiara la pantalla y mostrara solo el resultado nuevo.
Laura Cecilia Arciniega Roque
Otra cosa que puedes hacer en console.log es darle estilos CSS, es muy práctico si quieres dar algún mensaje al inspeccionar el sitio web, como lo hace Facebook.
⚠️ Cabe mencionar que esto no te va a servir en node, pero si en la consola del navegador. También cabe mencionar que en Safari no es compatible, pero en la mayoría de los navegadores modernos si lo soporta.
Para hacerlo, agregas %c antes del texto, éste será tu primer parámetro, el segundo parámetro serán los estilos CSS. Por ejemplo:
console.log("%cDetente", "color:red;font-size:4rem;font-weight:bold;")
Puedes hacer la prueba en esta página, sólo abre las devtools, ve a la consola, copia y pega el código mencionado anteriormente y verás un texto con estilos en la consola. 👍
Si quieres aprender sobre CSS te recomiendo estos cursos:
Básico:
https://platzi.com/cursos/html-practico/ https://platzi.com/cursos/css/ https://platzi.com/cursos/transformaciones-transiciones-css/ https://platzi.com/cursos/animaciones-css/
Avanzado:
Camilo Venegas
Lucas Castillo Vasquez
Esa extensión de Code Runner fue hecha por el mismisimo DIOS !!
Jose Ever Muñoz Muñoz
Y yo pensando que ese trace alguna especie de miniframework para el manejo de errores