JavaScript: Sintaxis
Aprende la sintaxis básica de JavaScript: variables, operadores, funciones y estructuras de control para desarrollo web eficaz.
Aprende JavaScript GRATIS y certifícateSintaxis de JavaScript
JavaScript es un lenguaje de programación interpretado que forma parte fundamental del desarrollo web moderno. Su sintaxis combina elementos familiares de otros lenguajes con características únicas que lo hacen especialmente versátil para la programación tanto del lado del cliente como del servidor.
Estructura básica del código
La sintaxis de JavaScript se basa en declaraciones que terminan con punto y coma, aunque este es opcional en muchos casos. El lenguaje distingue entre mayúsculas y minúsculas, lo que significa que variable
y Variable
son identificadores completamente diferentes.
// Declaración simple
let mensaje = "Hola mundo";
console.log(mensaje);
Los comentarios en JavaScript pueden ser de una línea usando //
o de múltiples líneas usando /* */
. Esta práctica es esencial para documentar el código y mejorar su legibilidad.
// Comentario de una línea
let edad = 25;
/*
Comentario de
múltiples líneas
*/
let nombre = "Ana";
Declaración de variables
JavaScript ofrece tres formas principales de declarar variables: var
, let
y const
. Cada una tiene un comportamiento específico en cuanto al alcance y la reasignación.
Declaración con let:
let contador = 0;
let activo = true;
let datos = null;
Declaración con const:
const PI = 3.14159;
const configuracion = {
servidor: "localhost",
puerto: 3000
};
Declaración con var (uso tradicional):
var nombre = "Carlos";
var edad = 30;
Tipos de datos fundamentales
JavaScript maneja varios tipos de datos primitivos que forman la base de cualquier programa. El lenguaje es dinámicamente tipado, lo que significa que las variables pueden cambiar de tipo durante la ejecución.
Números:
let entero = 42;
let decimal = 3.14;
let negativo = -100;
Cadenas de texto:
let saludo = "Hola";
let despedida = 'Adiós';
let plantilla = `Mi nombre es ${nombre}`;
Booleanos:
let verdadero = true;
let falso = false;
let resultado = edad > 18;
Operadores esenciales
Los operadores aritméticos permiten realizar cálculos matemáticos básicos y son fundamentales para cualquier lógica de programación.
let suma = 10 + 5; // 15
let resta = 20 - 8; // 12
let multiplicacion = 4 * 3; // 12
let division = 15 / 3; // 5
let modulo = 17 % 5; // 2
Los operadores de comparación evalúan relaciones entre valores y devuelven resultados booleanos.
let igual = 5 == "5"; // true (comparación de valor)
let estricto = 5 === "5"; // false (comparación de valor y tipo)
let mayor = 10 > 5; // true
let menorIgual = 8 <= 10; // true
Los operadores lógicos combinan expresiones booleanas para crear condiciones más complejas.
let y = true && false; // false
let o = true || false; // true
let no = !true; // false
Estructuras de control básicas
Las estructuras condicionales permiten que el programa tome decisiones basadas en diferentes condiciones.
let temperatura = 25;
if (temperatura > 30) {
console.log("Hace calor");
} else if (temperatura > 20) {
console.log("Temperatura agradable");
} else {
console.log("Hace frío");
}
Los bucles permiten repetir bloques de código de manera eficiente.
Bucle for tradicional:
for (let i = 0; i < 5; i++) {
console.log("Iteración: " + i);
}
Bucle while:
let contador = 0;
while (contador < 3) {
console.log("Contador: " + contador);
contador++;
}
Funciones básicas
Las funciones encapsulan bloques de código reutilizable y son elementos fundamentales en JavaScript.
Declaración tradicional:
function saludar(nombre) {
return "Hola, " + nombre;
}
let mensaje = saludar("María");
Expresión de función:
const multiplicar = function(a, b) {
return a * b;
};
let resultado = multiplicar(4, 5);
Función flecha (sintaxis moderna):
const sumar = (a, b) => a + b;
const cuadrado = x => x * x;
Manejo de errores básico
El manejo de errores es crucial para crear aplicaciones robustas que puedan gestionar situaciones inesperadas.
try {
let resultado = dividir(10, 0);
console.log(resultado);
} catch (error) {
console.log("Error: " + error.message);
} finally {
console.log("Operación completada");
}
Esta base sintáctica proporciona los cimientos necesarios para construir aplicaciones JavaScript más complejas, estableciendo las reglas fundamentales que rigen cómo se escribe y estructura el código en este lenguaje.
Lecciones de este módulo de JavaScript
Lecciones de programación del módulo Sintaxis del curso de JavaScript.
Ejercicios de programación en este módulo de JavaScript
Evalúa tus conocimientos en Sintaxis con ejercicios de programación Sintaxis de tipo Test, Puzzle, Código y Proyecto con VSCode.