Definir una variable global dentro de una función JavaScript

Definir una variable global dentro de una función JavaScript

En JavaScript, puede haber un requisito para utilizar un valor particular repetidamente. Por ejemplo, integrar o relacionar todos los valores con un valor particular para devolver el resultado deseado. En tales escenarios, la variable global juega un papel vital en la reducción de la complejidad del código general y la clasificación de las funcionalidades del código al final del desarrollador.

Este artículo discutirá la utilización de la variable global dentro de la función JavaScript.

¿Cuál es una variable global en JavaScript??

El "variables globales"Tener un alcance global y se puede invocar desde cualquier lugar del programa en JavaScript.

Pasemos a los siguientes ejemplos para comprender este concepto claramente.

Ejemplo 1: Utilización de la variable global en JavaScript

En este ejemplo, la variable global se inicializará fuera del alcance de la función y se accederá en la función definida por el usuario:

En las líneas de código anteriores:

  • En primer lugar, cree dos variables globales y asigne la cadena establecida y los valores enteros, respectivamente.
  • En el siguiente paso, defina una función llamada "myFunction ()".
  • En su definición, muestre el global inicializado "cadena" valor.
  • Después de eso, utilice lo global "entero"Valor para devolver la suma de los valores.
  • Por último, invoque la función definida y muestre la suma resultante en la consola.

Producción

En la salida anterior, como se observó, la utilización de las variables globales se ha realizado adecuadamente.

Ejemplo 2: Utilización de la variable global dentro de una función JavaScript

En este ejemplo, la variable global se definirá dentro de una función y se accede en una función separada, manteniendo así su alcance global con la ayuda del "ventana" objeto:





En el fragmento de código anterior:

  • En primer lugar, incluya un encabezado que tenga el declarado "identificación"Para acumular el valor resultante.
  • En el código JavaScript, defina una función llamada "myFunction1 ()".
  • En su definición, inicialice una variable global que tenga el valor entero establecido con la ayuda del "ventana" objeto.
  • Ahora, declara otra función, "myFunction2 ()".
  • En la definición de función, acceda al encabezado incluido por su "identificación" mediante el "getElementById ()" método.
  • Después de eso, asocie el "innerhtml"Propiedad con el elemento recuperado y el acceso a la variable global inicializada desde la función anterior de modo que el valor global se muestra como un"título".
  • Finalmente, invoca ambas funciones.
  • Como resultado, el valor global correspondiente se mostrará en el DOM.

Producción

En la salida anterior, es evidente que el valor definido a nivel mundial se ha accedido y se muestra en forma de encabezado.

Conclusión

"Variable global"Se define fuera del alcance de la función que se puede acceder en todo el programa. Esta variable se puede definir dentro de una función de JavaScript a través del "ventana" objeto. Este artículo define esta variable en la función de JavaScript a nivel mundial y se accede en una función separada, manteniendo así su alcance global.