JavaScript: Sintaxis

Aprende la sintaxis esencial de JavaScript. Guía completa con ejemplos actuales y recomendaciones de uso en 2024.

Aprende JavaScript GRATIS y certifícate

JavaScript es uno de los lenguajes de programación más utilizados en el desarrollo web. Comprender su sintaxis es fundamental para escribir código eficiente y mantenible. En este módulo, exploraremos los elementos básicos de la sintaxis de JavaScript, incluyendo variables, operadores, estructuras de control y funciones.

Declaración de variables

En JavaScript, existen tres formas principales de declarar variables: var, let y const.

  • var: Se usaba en versiones anteriores de JavaScript y tiene un ámbito de función.
  • let: Introducido en ECMAScript 6 (ES6), tiene un ámbito de bloque.
  • const: También introducido en ES6, se utiliza para declarar constantes, es decir, variables cuyo valor no cambia.
var nombre = "Juan";
let edad = 30;
const PI = 3.14159;

Tipos de datos

JavaScript soporta varios tipos de datos primitivos:

  • Number: Números, tanto enteros como de punto flotante.
  • String: Cadenas de texto.
  • Boolean: Valores true o false.
  • Null: Representa un valor nulo.
  • Undefined: Representa una variable que no ha sido inicializada.
  • Symbol: Un valor único e inmutable.
  • BigInt: Números enteros de gran magnitud.
let numero = 42;
let texto = "Hola, mundo";
let esVerdadero = true;
let valorNulo = null;
let valorIndefinido;
let simbolo = Symbol('simbolo');
let numeroGrande = 1234567890123456789012345678901234567890n;

Operadores

JavaScript proporciona una variedad de operadores para realizar operaciones en variables y valores.

  • Aritméticos: +, -, *, /, %
  • Asignación: =, +=, -=, *=, /=
  • Comparación: ==, ===, !=, !==, >, <, >=, <=
  • Lógicos: &&, ||, !
let a = 10;
let b = 5;

let suma = a + b; // 15
let resta = a - b; // 5
let multiplicacion = a * b; // 50
let division = a / b; // 2
let modulo = a % b; // 0

let esIgual = (a == b); // false
let esEstrictamenteIgual = (a === b); // false
let esMayor = (a > b); // true

Estructuras de control

Las estructuras de control permiten dirigir el flujo de ejecución del código.

Condicionales

  • if, else if, else: Evaluan condiciones y ejecutan bloques de código basados en el resultado.
let edad = 18;

if (edad < 18) {
    console.log("Menor de edad");
} else if (edad === 18) {
    console.log("Justo 18 años");
} else {
    console.log("Mayor de edad");
}

Bucles

  • for: Itera sobre un bloque de código un número específico de veces.
  • while: Itera mientras una condición sea verdadera.
  • do...while: Similar a while, pero garantiza al menos una iteración.
for (let i = 0; i < 5; i++) {
    console.log(i);
}

let j = 0;
while (j < 5) {
    console.log(j);
    j++;
}

let k = 0;
do {
    console.log(k);
    k++;
} while (k < 5);

Funciones

Las funciones son bloques de código reutilizables. Pueden definirse utilizando la palabra clave function o con funciones de flecha (arrow functions).

function saludar(nombre) {
    return `Hola, ${nombre}`;
}

const saludarFlecha = (nombre) => `Hola, ${nombre}`;

console.log(saludar("Juan"));
console.log(saludarFlecha("María"));
Empezar curso de JavaScript

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.