Curso javascript nivel medio

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".

¿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 Funciones
  • Loading...
  • Challenge

    Crea un programa que muestre por consola tu nombre.

    Loading...