Todos conocemos el comando console.log en JavaScript, lo utilizamos a diario cuando desarrollamos en todas las variantes de esta tecnología. Lo que no se suele conocer son los otros métodos que integra console, os los pongo a continuación:
Mensajes de texto sencillos:
console.log("Hola mundo");
Mensajes de texto con variables:
console.log("Variable", valor);
Mensajes de texto con varias variables:
console.log(variable1, variable2);
Advertencias:
console.warn("Hay un problema");
Errores:
console.error("Tenemos un error");
Agrupar mensajes:
console.group();
console.log("Hola mundo");
console.log("Adiós mundo");
console.groupEnd();
Agrupar mensajes en tablas:
console.table({variable1, variable2, variable3});
Mostrar la ruta de funciones ejecutadas:
console.trace();
Utilizar un cronómetro:
console.time("Prueba");
// Ejecuto código
console.timeEnd("Prueba");
Limpiar la consola:
console.clear();
Mostrar las propiedas de un elemento:
console.dir(document.location);
Espero que os sea útil, console como veis es muy útil y permite muchos mas usos que los que proporciona el método log().
Mensajes de texto sencillos:
console.log("Hola mundo");
Mensajes de texto con variables:
console.log("Variable", valor);
Mensajes de texto con varias variables:
console.log(variable1, variable2);
Advertencias:
console.warn("Hay un problema");
Errores:
console.error("Tenemos un error");
Agrupar mensajes:
console.group();
console.log("Hola mundo");
console.log("Adiós mundo");
console.groupEnd();
Agrupar mensajes en tablas:
console.table({variable1, variable2, variable3});
Mostrar la ruta de funciones ejecutadas:
console.trace();
Utilizar un cronómetro:
console.time("Prueba");
// Ejecuto código
console.timeEnd("Prueba");
Limpiar la consola:
console.clear();
Mostrar las propiedas de un elemento:
console.dir(document.location);
Espero que os sea útil, console como veis es muy útil y permite muchos mas usos que los que proporciona el método log().
Comentarios