Instrucciones de JavaScript
Ya sabes enviar resultados a la página, a un diálogo o solo a la Console. Ahora miramos las unidades de trabajo dentro de un script: las instrucciones (statements). Cada instrucción es un encargo completo. Varias instrucciones se ejecutan de arriba abajo, salvo que más adelante herramientas de control cambien el camino.
¿Qué es una instrucción de JavaScript y cómo se escriben varias?
Una instrucción es un encargo completo que el navegador ejecuta — por ejemplo registrar un valor o actualizar un elemento. En este curso, termina cada instrucción con un punto y coma (;). Escríbelas en el orden en que quieras que se ejecuten. Los espacios y saltos de línea son para humanos; no cambian el significado si las instrucciones siguen claras. Cuando varias instrucciones van juntas, envuélvelas en llaves { } — ese grupo es un bloque de código.
Reglas de las instrucciones de un vistazo
📊 Cómo pensar las instrucciones al empezar
| Idea | Qué significa para ti |
|---|---|
| Una instrucción | Un encargo completo (luego ; en este curso) |
| Punto y coma | Cierra la instrucción — hazlo hábito ya |
| Secuencia | De arriba abajo: las líneas anteriores terminan antes |
| Espacios | Espacios y líneas en blanco ayudan a leer; no son «sintaxis extra» |
| Salto de línea | Puedes partir una instrucción larga si sigue clara |
Bloque { } |
Un grupo de instrucciones como una unidad (lo verás a menudo) |
Una instrucción
Empieza con un solo encargo. El punto y coma lo cierra. La Console muestra el resultado para ti — los visitantes siguen necesitando una actualización de página si ese es el objetivo (sesión anterior).
console.log("One statement");
Hábitos útiles
- Prefiere un trabajo claro por instrucción mientras aprendes
- Pon
;al final aunque el motor a veces adivine - Lee la línea en voz alta: si aún no es un encargo completo, no has terminado
Varias instrucciones — el orden importa
El motor ejecuta las instrucciones en orden. El primer console.log termina antes de que empiece el segundo. Intercambia las líneas y el orden de la Console también cambia.
console.log("First");
console.log("Second");
console.log("Third");
En la página vale la misma regla: una instrucción anterior que pone texto corre antes que una posterior que lo cambia. El orden forma parte del significado.
Más de una instrucción en una línea
Puedes poner dos instrucciones cortas en una línea si cada una tiene su punto y coma. Los archivos legibles suelen mantener una instrucción por línea. Usa una línea compartida solo cuando los dos pasos son diminutos y realmente van juntos.
console.log("A"); console.log("B");
Espacios y saltos de línea
Los espacios de más y las líneas en blanco no crean instrucciones nuevas. Partir una instrucción larga en varias líneas está bien si las piezas siguen siendo un encargo claro. No «arregles» un error borrando todos los espacios — corrige la lógica o el punto y coma que falta.
console.log(
"Still one statement"
);
console.log("Next statement");
Bloques de código — instrucciones entre llaves
Las llaves { } agrupan instrucciones en un bloque. Pronto las verás en funciones, pruebas if y bucles. Por ahora, un bloque significa «estas instrucciones van juntas».
<!DOCTYPE html>
<html>
<head>
<title>Statements — Block</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
{
document.getElementById("msg").textContent = "Step one";
document.getElementById("msg").textContent = "Step two — last wins";
}
</script>
</body>
</html>
Ambas instrucciones dentro de las llaves se ejecutan en orden. El encabezado termina en «Step two — last wins» porque esa asignación es la última. Las llaves no cambian la regla de arriba→abajo; solo agrupan el trabajo.
Pruébalo tú
- Ejecuta las tres líneas
console.log; luego intercambia la primera y la última y confirma el orden en la Console. - Pon dos logs cortos en una línea con dos puntos y coma; luego sepáralos en dos líneas para leer mejor.
- Parte un log de cadena en dos líneas como en el ejemplo de espacios — que siga siendo una instrucción.
- Abre la demo HTML del bloque; cambia la cadena de la segunda asignación y recarga.
- Opcional: quita un punto y coma a propósito, mira el aviso de la Console y vuelve a ponerlo.
Errores frecuentes
- Creer que los espacios o las líneas en blanco son el programa (solo dan forma a la lectura)
- Suponer que las líneas posteriores corren antes que las anteriores
- Saltar el punto y coma «porque funcionó una vez» y luego chocar con un caso confuso de inserción automática
- Mezclar esta sesión con Salida: las instrucciones son encargos; Salida era dónde aparece el resultado
- Esperar ya Syntax (siguiente sesión) — literales, identificadores y mayúsculas/minúsculas van allí
Resumen
- Una instrucción es un encargo completo
- Termina las instrucciones con
;en este curso - Varias instrucciones se ejecutan de arriba abajo
- Espacios y saltos ayudan a las personas; no inventan instrucciones nuevas
{ }agrupa instrucciones en un bloque de código- Siguiente: Syntax — cómo se escriben valores y nombres dentro de esas instrucciones
🧠 Pon a Prueba tu Conocimiento
Pon a Prueba tu Conocimiento
Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema
📝 Instrucciones
- Lee cada pregunta cuidadosamente
- Selecciona la mejor respuesta para cada pregunta
- Puedes repetir el quiz tantas veces como quieras
- Tu progreso se mostrará en la parte superior