DEV Community

BYXN
BYXN

Posted on • Originally published at bhyxen.substack.com on

1

JavaScript console.log() - ¿Qué hay más allá y por qué deberías saberlo?

Código de programación en pantalla

En el desarrollo de aplicaciones web con JavaScript, la consola (console) es una herramienta fundamental para imprimir mensajes, depurar errores y evaluar el rendimiento del código. En este artículo, exploraremos algunos de los principales métodos de la consola en JavaScript, agrupándolos según sus diferentes características y funcionalidades.

Métodos de Logging Levels:

  • console.log()

El método console.log() se utiliza para imprimir mensajes generales en la consola. Es el método más comúnmente utilizado para imprimir información de depuración y seguimiento del flujo del programa.

console.log("Mensaje de log común");
Enter fullscreen mode Exit fullscreen mode
  • console.warn()

El método console.warn() se utiliza para imprimir mensajes de advertencia en la consola. Es útil para resaltar información importante que no llega a ser un error, pero que requiere atención.

console.warn("Advertencia: Valor incorrecto");
Enter fullscreen mode Exit fullscreen mode
  • console.error()

El método console.error() se utiliza para imprimir mensajes de error en la consola. Se usa para mostrar problemas críticos que afectan el funcionamiento correcto de la aplicación.

console.error("Error: Variable indefinida");
Enter fullscreen mode Exit fullscreen mode

Métodos de Tiempo y Performance:

  • console.time() y console.timeEnd()

Estos métodos se utilizan para medir el tiempo de ejecución de una sección específica de código. Se coloca console.time("nombre") antes del código a medir y console.timeEnd("nombre") después del mismo.

console.time("miTiempo");// Código a medir

console.timeEnd("miTiempo"); // Corte en el tiempo tomado en ejecutar
Enter fullscreen mode Exit fullscreen mode

Métodos de Visualización y Estructuración de Datos:

  • console.table()

El método console.table() muestra datos en forma de tabla, facilitando la visualización de arreglos y objetos en un formato estructurado y legible.

const data = [  { id: 1, name: "Alice" },  { id: 2, name: "Bob" },  { id: 3, name: "Charlie" }];

console.table(data);
Enter fullscreen mode Exit fullscreen mode

Métodos de Stack Trace:

  • console.trace()

El método console.trace() muestra una traza completa de la pila de llamadas (stack trace), lo que ayuda a identificar el origen de un error o un flujo de ejecución particular en el código.

function a() {
  b();
}

function b() {
    console.trace();
}

a();
Enter fullscreen mode Exit fullscreen mode

Otros Métodos Útiles:

Además de los mencionados métodos relacionados con logging levels, tiempo y performance, en JavaScript existen diversos métodos de la consola que pueden resultar útiles en diferentes contextos. Algunos de ellos son:

  • console.clear(): Limpia la consola.

  • console.assert(): Imprime un mensaje de error si la afirmación especificada es falsa.

  • console.group() / console.groupEnd(): Permite agrupar mensajes en la consola para una visualización más organizada.

En resumen, los métodos de la consola en JavaScript son herramientas poderosas que facilitan el desarrollo, la depuración y la evaluación del rendimiento de las aplicaciones web. Saber utilizar cada uno de estos métodos te va a ayudar a entender mejor tu código y sus mensajes en consola.

Déjame saber en los comentarios, ¿ya conocías estos métodos de consola en JavaScript?

Sígueme en mis redes sociales para más contenido interesante: https://byxn.link

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay