CodeForge

JavaScript de Cero a Experto / Primeros pasos

La consola: tu laboratorio (y los comentarios)

Teoría18 min20 XP

La consola es donde vas a VIVIR mientras aprendes: es tu laboratorio, tu banco de pruebas, la ventana para mirar dentro de tu programa. Hoy la dominas —en estos playgrounds y en tu propio navegador— y aprendes a dejar notas en el código con los comentarios: mensajes para humanos que la máquina ignora.

El banco de laboratorio

console.log y sus hermanos

console.log acepta varios valores separados por comas y los muestra en una línea — muy útil para etiquetar ("Precio:", el valor). console.warn y console.error son iguales pero se ven distinto (amarillo y rojo), para resaltar advertencias y problemas. Hay más (console.table, console.time), pero con log cubres casi todo al principio.

La consola de TU navegador

Estos playgrounds traen su consola incorporada, pero la de verdad la tienes siempre a mano:

Comentarios: notas para humanos

Un comentario es texto que JavaScript IGNORA por completo — está ahí para que TÚ (o quien lea el código) entiendas qué hace algo:

comentarios.js
// Comentario de UNA línea: todo lo que va tras // se ignora

const precio = 25000; // también puede ir al final de una línea

/*
Comentario de BLOQUE: para varias líneas.
Útil para explicaciones largas o para "apagar" código temporalmente.
*/
console.log(precio);

Dos formas: // para una línea (o el final de una), y /* ... */ para varias. Nota de estilo profesional: los buenos comentarios explican el POR QUÉ, no el qué obvio. // suma 1 sobre x + 1 es ruido; // +1 porque el mes 0 es enero sí aporta. Y sí, este curso usa comentarios en los ejemplos para guiarte — es su propósito aquí.

Pones un console.log en medio de tu programa y ves que una variable vale algo distinto a lo que esperabas. ¿Para qué te sirvió?

Mini-reto

Abre la consola de tu propio navegador (F12 → Console) en esta página y escribe console.log("¡Funciona!") y 100 * 12. Luego, en el playground, comenta una de las líneas con // y observa que su mensaje deja de aparecer al ejecutar — acabas de "apagar" código sin borrarlo, un truco que usarás todo el tiempo.

Qué sigue

Ya muestras cosas en la consola. Falta GUARDARLAS para usarlas después: las VARIABLES. La próxima lección te enseña a darle nombre a los datos con let y const —y por qué el viejo var quedó atrás—, el primer ladrillo de todo programa.