Saltar al contenido principal
01Introducción

Console.log

Clase 8 de 103 min de lectura

Guardas un valor en una variable, haces un par de operaciones y… ¿qué hay ahora ahí dentro? Para salir de dudas existe console.log(), una función integrada en JavaScript que imprime mensajes en la consola del navegador o del editor de código.

Se usa sobre todo para depurar el código, es decir, para encontrar y corregir sus errores. Con ella puedes imprimir mensajes y valores de variables que te ayudan mientras desarrollas.

Sintaxis#

Escribe console.log() y, dentro de los paréntesis, el mensaje que quieres mostrar:

console.log('Hola, JavaScript')// -> 'Hola, JavaScript'

¿Quieres averiguar el valor de una variable? Pon su nombre dentro de los paréntesis, sin comillas:

const nombre = 'JavaScript'console.log(nombre)// -> 'JavaScript'

Como ya sabes concatenar cadenas de texto, puedes juntar un mensaje y el valor de una variable en el mismo console.log():

const nombre = 'JavaScript'console.log('Hola, ' + nombre)// -> 'Hola, JavaScript'

Y si necesitas mostrar varios mensajes o variables a la vez, sepáralos con comas. Aparecerán en la misma línea, uno detrás de otro:

const nombre = 'JavaScript'const version = 2023console.log(nombre, version)// -> 'JavaScript 2023'

Más métodos de console#

console.log() no está solo. Hay otros métodos para imprimir mensajes en la consola, cada uno con su propósito:

  • console.error(): imprime un mensaje de error.
  • console.warn(): imprime un mensaje de advertencia.
  • console.info(): imprime un mensaje de información.

La sintaxis es la misma que la de console.log(). Solo cambia el nombre del método.

console.error('Error')// ❌ Errorconsole.warn('Advertencia')// ⚠️ Advertenciaconsole.info('Información')// ℹ️ Información

Prueba estos métodos en la consola del navegador y observa los resultados.

En resumen

  • console.log() imprime mensajes en la consola y es tu mejor aliado para depurar.
  • Dentro de los paréntesis puedes poner un texto, una variable o una concatenación de ambos.
  • Separa los valores con comas para mostrar varios en el mismo console.log().
  • Para errores, advertencias e información usa console.error(), console.warn() y console.info().

Ejercicios#