Sintaxis de JavaScript
Ya sabes que una instrucción es un encargo completo y suele terminar en punto y coma. Ahora miramos dentro: la sintaxis — las reglas para escribir valores y nombres de forma que el navegador acepte el código.
¿Qué es la sintaxis de JavaScript y qué piezas escribe primero un principiante?
La sintaxis es el conjunto de reglas para escribir JavaScript que el motor pueda leer. Al principio escribes sobre todo literales (valores fijos: números y texto entre comillas), identificadores (nombres que inventas) y expresiones (pequeñas recetas que producen un valor dentro de una instrucción). JavaScript distingue mayúsculas y minúsculas: score y Score son nombres distintos. Las comillas de apertura y cierre de una cadena deben coincidir.
Piezas de sintaxis de un vistazo
📊 Piezas que el principiante encuentra primero
| Pieza | Ejemplo | Qué significa para ti |
|---|---|---|
| Literal | 42 o "Hi" |
Un valor escrito directamente en el código |
| Comillas | "Hello" o 'Hi' |
Marcan texto; apertura y cierre deben coincidir |
| Identificador | userName |
Un nombre que inventas (letras, dígitos, _, $; no empezar por dígito) |
| Mayúsculas/minúsculas | total ≠ Total |
Misma ortografía, distinta capitalización → nombres distintos |
| Expresión | 2 + 3 o "A" + "B" |
Construye un valor que usa una instrucción |
| Instrucción (repaso) | console.log(2 + 3); |
Un encargo completo que usa estas piezas |
Literales — valores escritos en el sitio
Un literal es un valor que escribes directamente. Los números no llevan comillas. El texto (una cadena) va entre comillas simples o dobles coincidentes.
console.log(42);
console.log("Hello");
console.log('Also a string');
Hábitos con literales
- Números: escribe dígitos (y un punto decimal si hace falta)
- Cadenas: elige
"o'y cierra con el mismo tipo - No pongas comillas a un número ordinario salvo que quieras texto de verdad
Identificadores — nombres que inventas
Un identificador es un nombre para algo en el programa. Lo usarás mucho con variables. Ahora las reglas de escritura: empieza por letra, _ o $; luego letras, dígitos, _ o $. Evita espacios y guiones en el nombre.
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);
let introduce un nombre. A la derecha hay literales; city y year son identificadores. Las reglas profundas de declaración vienen en Variables — aquí importa cómo se escriben los nombres.
Distinción de mayúsculas
JavaScript trata las mayúsculas como significativas. color y Color son dos identificadores distintos. Error típico: el código «parece bien» pero ese nombre no existe.
let color = "teal";
console.log(color);
// console.log(Color); // error si Color nunca se creó
Expresiones dentro de instrucciones
Una expresión produce un valor. Una instrucción es el encargo completo que hace algo con ese valor (por ejemplo, imprimirlo). Ya escribes instrucciones; la sintaxis nombra las piezas dentro.
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);
2 + 3 es una expresión (valor 5). console.log(2 + 3); es la instrucción que lo imprime. Operadores como + y * tendrán sus sesiones; aquí basta ver que las expresiones viven dentro de instrucciones.
Literales en la página
Los visitantes ven valores cuando una instrucción actualiza la página. La cadena que asignas sigue siendo un literal — sintaxis y salida trabajan juntas.
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>
La asignación termina en punto y coma. A la derecha, "Syntax works" es un literal de cadena. Comillas mal cerradas o un getElementById mal escrito rompen la sintaxis o la búsqueda del nombre.
Pruébalo tú
- Registra un literal numérico y uno de cadena; cámbialos y vuelve a ejecutar.
- Crea
let label = "OK";, regístralo y renombra el identificador en ambos sitios. - Cambia
labelaLabelsolo en un sitio y confirma el aviso de la Console; corrige las mayúsculas. - Registra
"Hi" + "!"y7 - 2; cada expresión está dentro de una instrucción. - Abre la demo HTML; cambia la cadena entre comillas de
textContenty recarga.
Errores frecuentes
- Dejar una cadena sin comilla de cierre coincidente
- Suponer que
scoreyScoreson el mismo nombre - Empezar un identificador con dígito (
1name) o usar espacios en el nombre - Mezclar esta sesión con Instrucciones: el orden y los bloques
{ }fueron la lección anterior; aquí el foco son valores y nombres - Esperar ya la lección completa de Variables —
letsolo muestra identificadores reales
Resumen
- La sintaxis es el conjunto de reglas del JavaScript válido
- Los literales son valores escritos directamente (números; cadenas entre comillas)
- Los identificadores son nombres; la ortografía y las mayúsculas importan
- Las expresiones construyen valores; las instrucciones los usan
- Siguiente: Comments — notas para humanos que el motor ignora
🧠 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