OBJETO CONSOLE EN JAVASCRIPT

El objeto console en JavaScript es una herramienta integrada en los navegadores y entornos como Node.js que proporciona métodos para depurar, registrar información y analizar el comportamiento del código. A continuación, te detallo los métodos y características principales del objeto console, organizados para una comprensión clara y concisa:

Métodos principales del objeto console

console.log Imprime mensajes o valores en la consola. Es el método más común para depuración. Acepta múltiples argumentos (strings, números, objetos, etc.) y los muestra separados por espacios.
```
console.log('Hola', 42, { nombre: 'Ana' }); // Imprime: Hola 42 {nombre: "Ana"}
```
console.info Similar a console.log, pero indica un mensaje informativo (a menudo con un ícono en navegadores).
```
console.info('Carga completada');
```
console.warn Muestra una advertencia, generalmente con fondo amarillo en la consola.
```
console.warn('Cuidado, valor no definido');
```
console.error Muestra un error, generalmente con fondo rojo y un stack trace.
```
console.error('Error en la función X');
```

console.assert Imprime un mensaje de error si la condición es falsa.


console.assert(1 === 2, 'Esto es falso'); // Imprime: Assertion failed: Esto es falso

console.table Muestra datos tabulares (arrays u objetos) en formato de tabla.


console.table([{ nombre: 'Ana', edad: 25 }, { nombre: 'Bob', edad: 30 }]);

console.group Descripción: Agrupa mensajes en un bloque colapsable (groupCollapsed inicia colapsado).
```
console.group('Grupo');
console.log('Mensaje 1');
console.log('Mensaje 2');
console.groupEnd();
```

console.time Mide el tiempo de ejecución entre "time" y "timeEnd".


console.time('Bucle');
for (let i = 0; i < 1000; i++) {}
console.timeEnd('Bucle'); // Imprime el tiempo transcurrido

console.trace Muestra la pila de llamadas actual.


console.trace('Rastreo'); // Imprime el stack trace

console.clear Limpia la consola.
```
console.clear();
```
console.count([label]) / console.countReset([label]) Cuenta cuántas veces se llama con el mismo label. countReset reinicia el contador.
```
console.count('Llamada'); // Imprime: Llamada: 1
console.count('Llamada'); // Imprime: Llamada: 2
console.countReset('Llamada');
```
console.dir(object) Muestra un objeto en formato interactivo (similar a %o).
```
console.dir(document.body);
```
console.dirxml(node) Muestra un nodo DOM como árbol XML/HTML.
```
console.dirxml(document.getElementById('miElemento'));
```

Todos los métodos son compatibles con navegadores modernos (Chrome, Firefox, Edge) y Node.js. Hay que evitar dejar console.log en producción, ya que puede afectar el rendimiento o exponer información sensible. Los métodos están disponibles en la consola de las herramientas de desarrollo (Chrome DevTools, Firefox Developer Tools, etc.).

Compartir en twitter

Blog de Gonzalo

Blog de programación de Gonzalo López

OBJETO CONSOLE EN JAVASCRIPT

Métodos principales del objeto console