Mostrar información por pantalla

1. Función console en JavaScript #

La función console en JavaScript es una herramienta muy útil para los desarrolladores, ya que les permite mostrar mensajes en la consola del navegador o del entorno de desarrollo. Esto es útil para depurar (buscar y solucionar errores) en el código, o para ver lo que está sucediendo mientras se ejecuta el programa.

Funciones más comunes de console #

1. console.log():

   • Es la más utilizada.
   • Se usa para imprimir mensajes generales o valores de variables.
   • Ejemplo:

      
     1console.log(2 + 2);
     Salida de consola
     4

2. console.error():

   • Se usa para mostrar mensajes de error.

   • Los mensajes se ven en rojo, lo que los hace fáciles de identificar.

   • Ejemplo:

      
     1console.error("Ocurrió un error!");
     Salida de consola
     Ocurrió un error!

     Ocurrió un error!

3. console.warn():

   • Muestra advertencias.

   • No es un error, pero puede ser algo que deba revisarse.

   • Ejemplo:

      
     1console.warn("Esto es una advertencia.");
     Salida de consola
     Esto es una advertencia.

     Esto es una advertencia.

4. console.table():

   • Muestra datos en forma de tabla.
   • Es útil para ver objetos o matrices con más claridad.
   • Ejemplo:

      
     1let personas = [
     2  { nombre: "Juan", edad: 30 },
     3  { nombre: "Ana", edad: 25 }
     4];
     5console.table(personas);
     Salida de consola
     ┌─────────┬────────┬──────┐
     │ (index) │ nombre │ edad │
     ├─────────┼────────┼──────┤
     │    0    │ 'Juan' │  30  │
     │    1    │ 'Ana'  │  25  │
     └─────────┴────────┴──────┘

5. console.time() y console.timeEnd():

   • Se usan juntas para medir el tiempo que toma ejecutar un bloque de código.
   • Ejemplo:

      
     1console.time("duracion");
     2// Código que queremos medir
     3console.timeEnd("duracion");
     Salida de consola
     duracion: 0.0041503 ms

¿Dónde se ven estos mensajes? #

• Los mensajes que generamos con console se ven en la consola del navegador.
• Para abrir la consola, puedes presionar F12 o Ctrl + Shift + I y luego ir a la pestaña "Consola".

2. Por qué es útil? #

• Depuración: Ayuda a encontrar errores en el código.
• Monitoreo: Permite ver lo que está haciendo tu programa en tiempo real.
• Desarrollo: Facilita el desarrollo al permitir verificar que el código funciona.