Usando consola JS para testear mejor

Compartir esta publicación

Share on facebook
Share on linkedin
Share on twitter
Share on email

En este artículo me gustaría compartir mi experiencia en el uso de algunas características de la consola para la depuración. Comencemos con la definición de lo que es una consola.

Consola – es un depurador incorporado en los navegadores. Obviamente lo conoces cuando usas console.log. Pero qué pasa si te digo que detrás de la consola hay más de lo que te puedes dar cuenta. Simplemente ejecutando **console.log(console)** te mostrará un montón de métodos que pueden ser usados junto con la consola.

**console.assert()**

Escribe un mensaje de error si la afirmación es falsa. Si la afirmación es verdadera, no ocurre nada.


let userLogged = true
console.log('user logged:' + userLogged)
console.assert(userLogged, '1  user is not logged')
userLogged = false
console.log('user logged:' + userLogged)
console.assert(userLogged, '2 user is not logged')

assert

**console.clear()**

Para limpiar la consola.

**console.table()**

Muestra los datos tabulares en forma de tabla.


function employee (name, profession) {
  this.name = name
  this.profession = profession
}
let james = new employee('James', 'Developer')
console.table(james)

table

table2

**console.group()**

Para agrupar las cosas con una etiqueta.

group

**console.groupCollapsed()**

Lo mismo que el grupo, pero crea el nuevo bloque colapsado.

**console.count()**

Registra el número de veces que se ha llamado a esta llamada en particular para contar.


console.count('test'); // "test: 1"
console.count('js'); //"js: 1"
console.count('test'); //"test: 2"

**console.countReset()**

Para reiniciar un contador para una etiqueta.

**console.time()**

También puedes llevar un registro de la cantidad de tiempo entre tu console.logs usando **console.time()**

Iniciará el temporizador, y luego llamando a **console.timelog()** registrará la cantidad de tiempo transcurrido desde que se inició el último temporizador. Y **console.timeEnd()** para detener el temporizador.

time

Usando sustituciones de cadenas que pasan una cadena a uno de los métodos del objeto de la consola que acepta una cadena (**%s** outputs as string)

string

Pasa **%c** a la consola para aplicar el estilo CSS.

css

Y no te olvides de **console.error()**, que imprimirá un error en la consola.

error

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Suscríbete a nuestro boletín de noticias

Recibe actualizaciones de los últimos descubrimientos tecnológicos

Acerca de Apiumhub

Apiumhub reúne a una comunidad de desarrolladores y arquitectos de software para ayudarte a transformar tu idea en un producto potente y escalable. Nuestro Tech Hub se especializa en Arquitectura de Software, Desarrollo Web & Desarrollo de Aplicaciones Móviles. Aquí compartimos con usted consejos de la industria & mejores prácticas, basadas en nuestra experiencia.

Posts populares

¿Tienes un proyecto desafiante?

Podemos trabajar juntos