Aprender JavaScript Sintaxis

Sintaxis 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.