Alcance de JavaScript

El ámbito es la colección de variables a las que tiene acceso.

ámbito de función JavaScript

En JavaScript hay dos tipos de ámbito:

  • ámbito local
  • ámbito global

JavaScript tiene ámbito de función: cada función crea un nuevo ámbito.

El ámbito determina la accesibilidad (visibilidad) de estas variables.

Las variables definidas dentro de una función no son accesibles desde el exterior de la función (invisibles).

variable JavaScript local

Las variables declaradas dentro de una función en JavaScript se convertirán envariable local。

El ámbito de una variable local eslocal：Sólo se pueden acceder a ellas dentro de la función.

Ejemplo

// Este código no puede usar la variable carName
function myFunction() {
    var carName = "porsche";
    // Este código puede usar la variable carName
{}

Pruebe usted mismo

Debido a que solo se pueden reconocer variables locales dentro de la función, se pueden usar variables con nombres idénticos en diferentes funciones.

Se crean variables locales al comenzar la función y se eliminan al completar la función.

variable JavaScript global

Las variables declaradas fuera de una función se convertirán envariable global。

El ámbito de una variable global esglobal：Todos los scripts y funciones de la página pueden acceder a ella.

Ejemplo

var carName = "porsche";
// Este código puede usar la variable carName
function myFunction() {
    // Este código también puede usar la variable carName
{}

Pruebe usted mismo

Variables de JavaScript

En JavaScript, los objetos y funciones también son variables.

El ámbito determina la accesibilidad de las variables, objetos y funciones desde diferentes partes del código.

global automática

Si asigna un valor a una variable no declarada, esta variable se convertirá automáticamente englobalvariable.

Este código declarará una variable global carName, incluso si se asigna un valor dentro de la función.

Ejemplo

myFunction();
// Este código puede usar la variable carName
function myFunction() {
    carName = "porsche";
{}

Pruebe usted mismo

Modo estricto

Todos los navegadores modernos admiten ejecutar JavaScript en modo estricto.

Aprenderá más sobre cómo usar el "modo estricto" en los capítulos posteriores de este tutorial.

No se crean variables globales automáticamente en el "modo estricto".

Variables globales en HTML

A través de JavaScript, el ámbito global forma un entorno completo de JavaScript.

En HTML, el ámbito global es window. Todas las variables globales pertenecen al objeto window.

Ejemplo

var carName = "porsche";
// El código en este lugar puede usar window.carName

Pruebe usted mismo

Advertencia

No cree variables globales a menos que sea intencional.

Sus variables globales (o funciones) pueden sobrescribir las variables (o funciones) de window.

Cualquier función, incluyendo el objeto window, puede sobrescribir sus variables globales y funciones.

Vigencia de las variables de JavaScript

La vigencia de las variables de JavaScript comienza en el momento de su creación.

Las variables locales se eliminan cuando la función se completa.

Las variables globales se eliminan cuando cierra la página.

Parámetros de la función

Los parámetros de la función también son variables locales dentro de la función.