Javascript : Global scope

Muchas veces en nuestras vidas nos hemos topado con aplicar o "codear" codigo javascript.
Seguramente en nuestros primeros tiempos, solo haciamos validaciones, algun que otro aplique de estilos y nada mas. Pero hoy en dia es mucho mas potente, y porque no decir, uno de lo mas potentes lenguajes.

Hoy les hablare del famoso tema "Global Scope" que tal vez muchas veces lo escuchaste, quisiste aprenderlo pero nunca te quedo claro, o no le diste mucha importancia.

Global Scope, traducido al español es "alcance global", pero el tema en si, explicado con mis propias palabras, quiere decir algo como "hacer esto aca, y que no se mezcle con lo que ya existe, o pueda existir a futuro"...algo asi :)

Pero mejor, veamos un ejemplo:
- Imaginemos un index.html con el siguiente codigo embebido dentro de los tags script

var soyVariableA; // creo variable
 
// funciones para setear y mostrar valor
function set(val) { soyVariableA = val; }
function show() { return soyVariableA; }
 
// seteo valor
set("jojo");
// muestro
console.log('(1)', show());

Si nos fijamos en la herramienta del browser (F12), en la pestaña console:

(1) jojo index.htm:49

soyVariableA

"jojo"

- Ahora, hagamos o apliquemos el "global scope". En nuestro codigo js dentro de los tags script, deberiamos hacer algo como:

(function () {
    var soyVariableA;
 
    function set(val) { soyVariableA = val; }
 
    function show() { return soyVariableA; }
 
    set("jojo");
    console.log('(1)', show());
})();

En nuestro console (F12) del browser...

(1) jojo index.htm:59

soyVariableA

ReferenceError: soyVariableA is not defined

Conclusion!!
Capaz les parecio una pavada o algo sin sentido, o no le ven lo "grandioso" de esto, pero sin duda, es una muy buena practica y os aconsejo usarlo.
Tengan en cuenta que SU codigo js, en ese proyecto en el cual esten trabajando, tal vez algun dia ustedes no estén, pero el codigo que hicieron SI!!,... y si otro integrante del team, aplica/crea una funcion igual a la de ustedes, o una variable con el mismo nombre que ustedes hicieron,...cual es la que vale? :(

Ni hablar si en su page o website, usan un widget de terceros (normalmente estan bien hechos, pero por las dudas...)... el lio seria...importante.

Asi que piensenlón, hagan sus pruebas, test, etc... y decidan como aplicar su codigo.

Mi consejo.... usen Global Scope. ;)

Saludos.