Saltar al contenido principal

Variables y Tipos de Datos en JavaScript

Antes de poder interactuar con una página web, debes entender cómo JavaScript almacena y maneja la información.

Variables (let y const)​

Una variable es como una "caja" con una etiqueta donde puedes guardar un dato para usarlo más tarde.

En el JavaScript moderno (ES6+), nunca debes usar var para declarar variables debido a problemas históricamente molestos con su "scope" (alcance). En su lugar, usamos let y const.

1. let (Variables mutables)​

Usa let cuando sepas que el valor de la variable VA a cambiar en el futuro (como un contador o el nombre de un usuario que se actualiza).

let edad = 25;
print(edad); // 25

// Reasignando un nuevo valor
edad = 26; 
print(edad); // 26

2. const (Constantes inmutables)​

Usa const cuando el valor de la variable NO debe reasignarse nunca. Esta debe ser tu opción por defecto. Si usas const y luego intentas cambiar su valor, JavaScript lanzará un error, lo cual es excelente para evitar bugs accidentales.

const pi = 3.14159;
const nombreEmpresa = "No.Learn";

// pi = 3.14; <-- ESTO CAUSARÁ UN ERROR (Assignment to constant variable)

Tipos de Datos Primitivos​

JavaScript está "holgadamente tipado", lo que significa que no tienes que declarar explícitamente si una variable es un texto o un número; el lenguaje lo infiere automáticamente.

Los tipos más comunes son:

  1. String (Cadena de texto): Texto envuelto en comillas simples ('), dobles (") o invertidas (`).

    • Nota: Las comillas invertidas (backticks) son muy potentes porque permiten inyectar variables directamente dentro del texto (Template Literals) usando ${}.
    const nombre = "Ana";
    const saludo = `Hola, mi nombre es ${nombre}`; // Literal de plantilla

  2. Number (Número): A diferencia de otros lenguajes, JS no hace distinción entre números enteros (int) y decimales (float). Todos son Number.

    const temperatura = -5.5;
    const precio = 100;

  3. Boolean (Booleano): Solo puede tener dos valores lógicos: true (verdadero) o false (falso).

    const estaLogueado = true;

  4. Null: Representa la ausencia intencional de cualquier valor.

    let resultado = null; // Sabemos que la variable existe, pero aún está vacía a propósito.

  5. Undefined: Una variable a la que no se le ha asignado ningún valor, o una propiedad que no existe.

    let nombreUsuario;
    console.log(nombreUsuario); // undefined