Algunos mtodos ms all del console.log en Javascript

A menudo, durante la depuracin, los desarrolladores javascript solemos usar el mtodo console.log() para imprimir valores. Pero hay algunos otros mtodos de consola que te hacen la vida mucho ms fcil. Quieres saber cules son estos mtodos? Vamos a conocerlos!

1. console.table()

Mostrar arreglos u objetos largos es un dolor de cabeza usando el mtodo console.log(), pero con console.table() tenemos una forma mucho ms elegante de hacerlo.

// Matrixconst matrix = [  ["apple", "banana", "cherry"],  ["Rs 80/kg", "Rs 100/kg", "Rs 120/kg"],  ["5 ", "4 ", "4.5 "],]console.table(matrix);// Mapsclass Person {  constructor(firstName, lastName) {    this.firstName = firstName;    this.lastName = lastName;  }}const family = {};family.mother = new Person("Jane", "Smith");family.father = new Person("John", "Smith");family.daughter = new Person("Emily", "Smith");console.table(family);

2. console.trace()

Tiene problemas para depurar una funcin? Te quedas preguntndote cmo fluye la ejecucin? console.trace() es tu amigo!

function outerFunction() {  function innerFunction() {    console.trace();  }  innerFunction();}outerFunction();

3. console.error() y console.warn()

Cansado de logs/registros aburridos? Dale sabor a las cosas con console.error() y console.warn()

console.error("This is an error message");console.warn("This is a warning message");console.log("This is a log message");

4. console.assert()

Esta es otra herramienta brillante para la depuracin! Si la asercin falla, la consola imprimir el seguimiento/trace.

function func() {  const a = -1;  console.assert(a === -1, "a is not equal to -1");  console.assert(a >= 0, "a is negative");}func();

5. console.time(), console.timeEnd(), y console.timeLog()

Necesita comprobar cunto tarda algo? Los mtodos del temporizador estn ah para rescatarte!

console.time("timeout-timer");setTimeout(() => {  console.timeEnd("timeout-timer");}, 1000);setTimeout(() => {  console.timeLog("timeout-timer");}, 500);

NOTA: Los setTimeouts no se ejecutan de inmediato, lo que genera una pequea desviacin del tiempo esperado.

Eso es todo amigxs! Espero que esto te ayude a convertirte en un o una mejor dev!

@khriztianmoreno

Hasta la prxima.