El ámbito de una variable en JavaScript define en qué partes del código puede ser accesible y utilizada. Existen tres tipos principales de ámbito en JavaScript:

1. Ámbito global: La variable es accesible en cualquier parte del programa.
2. Ámbito local o de función: La variable solo es accesible dentro de la función donde fue declarada.
3. Ámbito de bloque (let y const): La variable solo existe dentro del bloque {} donde fue declarada.

📌 Argumentación

El ámbito es fundamental para el control de las variables y evitar errores inesperados. Un mal manejo del ámbito puede generar errores de referencia (cuando intentamos acceder a una variable que no existe en ese contexto) o sobreescritura de valores (cuando una variable global es modificada accidentalmente).

📌 Ejemplo Práctico

🔹 Ámbito Global

let nombre = "Juan"; // Variable global

function saludar() {
    console.log("Hola " + nombre); // Accede a la variable global
}

saludar(); // Salida: "Hola Juan"
console.log(nombre); // Salida: "Juan"

✅ Se puede acceder a la variable nombre dentro y fuera de la función.

🔹 Ámbito Local

function ejemploLocal() {
    let mensaje = "Hola desde la función"; // Variable local
    console.log(mensaje);
}

ejemploLocal(); // Salida: "Hola desde la función"
console.log(mensaje); // ❌ Error: mensaje no está definida fuera de la función

⛔ mensaje solo existe dentro de la función ejemploLocal, por lo que fuera de ella da un error.

🔹 Ámbito de Bloque (let y const)

if (true) {
    let edad = 25; // Variable de bloque
    console.log(edad); // Salida: 25
}

console.log(edad); // ❌ Error: edad no está definida fuera del bloque

🔒 edad solo existe dentro del bloque {}, lo que impide que sea accesible desde fuera.

📌 Ejemplo Gráfico