Variables globales en Javascript

Si ayer veíamos qué eran las variables locales en Javascript, hoy vamos a ver qué son las variables globales en Javascript. Las variables globales son aquellas variables que una vez definidas pueden ser accedidas y modificadas desde cualquier ámbito de nuestro programa.

Como ya comentábamos las variables en Javascript, por defecto, son variables globales. Esto es debido ya que desde un principio en Javascript se podían definir las variables sin ningún modificador o mediante el modificador var.

Definir variables globales con var

El modificador para poder definir una variable global en Javascript es var. Así definiremos las variables globales en Javascript de la siguiente manera:

var suma = 0;
var n1 = 10;
var n2 = 20;

Ejemplo de uso de variables globales

Para ver funcionando y cómo se maneja el ámbito de este tipo de variables vamos a definir unas variables que llamaremos suma, n1 y n2 las cuales iremos manipulando en diferentes sitios.

var suma = 0;
var n1 = 10;
var n2 = 20;

Ahora creamos una función que permitirá manejar la variable. Lo que hacemos es sumar las dos variables numéricas y dejar su valor en la variable suma.

function sumar() {
  suma = n1 + n2;
}

Y otra función que nos permite mostrarla por consola mediante el objeto console.log.

function mostrar() {
  console.log("El resultado es: " + suma);
}

Ahora lo que vamos a hacer es invocar a dichas funciones una tras otra desde el programa principal de Javascript. Esto hará que cada una de las funciones vaya accediendo y modificando el contenido de las variables globales que definimos en el programa principal.

sumar();
mostrar();

Lo que sucede es que todas las funciones van manipulando las variables que se han definido de ámbito global, dentro del ámbito principal del programa, lo cual permite sumar y mostrarse por consola.

De esta forma sencilla espero que haya quedado un poco más claro cómo se definen y manejan las variables globales en Javascript.