Saltar al contenido principal

🖥️ Funciones de la consola en JavaScript

La consola JavaScript es una herramienta ubicada en las DevTools del navegador que permite:

  • Escribir fragmentos de código.
  • Ver resultados al instante.
  • Mostrar mensajes, errores y advertencias.

Acceder a la consola​

Para abrirla, puedes usar atajos de teclado (como Ctrl + Shift + J o F12, dependiendo del navegador y sistema operativo).
En las DevTools, hay una pestaña llamada "Console" que es donde escribirás y verás los mensajes.

console.log()​

Es el método más usado. Sirve para mostrar texto, resultados o variables en consola.

console.log("Hola Mundo");
console.log(2 + 2);
console.log("Resultado:", 5 + 18);

Mensajes de error por niveles​

Aunque el console.log() es uno de los métodos más utilizados (a veces el único), existen muchos otros. Por ejemplo, la consola de las DevTools tiene un sistema para filtrar mensajes de error por niveles. En lugar de utilizar el popular console.log(), podemos utilizar el método console.warn(), console.error(), etc:

FunciónDescripción
console.debug()Información detallada (nivel más bajo).
console.info()Información general.
console.warn()Advertencias (aparece en amarillo).
console.error()Errores (aparece en rojo).

Agrupar mensajes en la consola​

JavaScript permite organizar visualmente los mensajes en la consola usando una serie de métodos agrupadores. Esto es útil cuando queremos:

  • Leer más fácilmente salidas largas.
  • Mostrar datos relacionados como un bloque.
  • Ocultar información técnica que puede expandirse si se necesita.

Métodos disponibles:​

FunciónDescripción
console.group()Inicia un grupo expandible con el texto indicado como título.
console.groupCollapsed()Inicia un grupo colapsado (cerrado) por defecto.
console.groupEnd()Finaliza el grupo actual.

Ejemplo:​

console.group("Información del navegador");
console.log("User Agent:", navigator.userAgent);
console.log("Idioma:", navigator.language);
console.groupEnd();

console.log("Este mensaje está fuera del grupo");