Saltar al contenido principal
Codigo Heroe
Tarea anterior
Introducción a los eventos15/21
A la lista de tareas
  1. 1. Eventos del usuario
  2. 2. Añadir un manejador de eventos
  3. 3. Sintaxis de los manejadores
  4. 4. Acciones predeterminadas
  5. 5. Funciones como argumentos
  6. 6. Eliminar clases con classList.remove()
  7. 7. Eventos de teclado
  8. 8. Identificar una tecla
  9. 9. Cerrar una ventana con ESC
  10. 10. Seleccionar los elementos de una galería
  11. 11. Añadir manejadores en un ciclo
  12. 12. Cambiar el src de una imagen
  13. 13. Depurar un manejador
  14. 14. Ámbito local
  15. 15. Ámbito global
  16. 16. Cambiar variables externas
  17. 17. Funciones dentro de funciones
  18. 18. Cierres
  19. 19. Un cierre en cada llamada
  20. 20. Usar cierres en los manejadores
  21. 21. Completar la galería
Siguiente tarea
  • Matriz de skills
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Ámbito global

El ámbito local se limita a la función, así que no podemos acceder a sus variables desde fuera. Pero ¿qué ocurre si intentamos acceder desde dentro a una variable externa?

Si una función utiliza una variable que no es local, JavaScript la busca un nivel más arriba, fuera de la función. Se dice que la búsqueda de variables va del ámbito interior hacia el exterior.

var food = 'ensalada';

var eatDinner = function () {
  // Aquí no se declaran variables locales
  console.log('Comí ' + food);
};

eatDinner();
// La función utiliza la variable food,
// declarada fuera de eatDinner
// Muestra: Comí ensalada

En este ejemplo, foodno está declarada dentro de una función: está en el nivel superior del programa y podemos utilizarla desde las funciones. Las variables declaradas en ese nivel, fuera de las funciones, se llaman variables globales. El ámbito al que pertenecen se llama ámbito global.

Si una función intenta utilizar una variable que no está declarada en ninguno de los ámbitos en los que busca, obtendremos un error.

  • script.js
JavaScript
var food = 'sopa de remolacha'; var eatDinner = function () { console.log('Comí ' + food); };
Consola

El código ha cambiado, haga clic en "Ejecutar" o active la ejecución automática.

Resultado de la ejecución

ObjetivosRealizado
0
    1. Después de declarar eatDinner, llama a la función.
    2. Dentro de la función, sustituye food por soup en el mensaje de la consola.
    Codigo Heroe

    © 2023-2026, codigoheroe.com