Variables globales y locales en JavaScript

Variables: contiene los datos o información que se puede cambiar en cualquier momento. JavaScript usa la palabra clave reservada var para declarar variables. En JavaScript, hay dos tipos de variables y también te dice en qué parte de tu programa puedes usar las variables y funciones que has definido.

Variable local:
Cuando usa JavaScript, las variables locales son variables que se definen dentro de las funciones. Tienen alcance local, lo que significa que solo se pueden usar dentro de las funciones que los definen.
Variable global:
Por el contrario, las variables globales son variables que se definen fuera de las funciones. Estas variables tienen alcance global, por lo que pueden ser utilizadas por cualquier función sin pasarlas a la función como parámetros.

Variable local: dado que las variables locales se definen dentro de la función, las variables con el mismo nombre se pueden usar en diferentes funciones.

Ejemplo:

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green;">GeeksforGeeks</h1>
  
        <p>Outside myfunction() petName is not defined.</p>
  
        <p id="Geeks"></p>
  
        <p id="geeks"></p>
  
        <script>
            myfunction();
  
            function myfunction() {
                var petName = "Sizzer"; // local variabl
                document.getElementById("Geeks").innerHTML =
                    typeof petName + " " + petName;
            }
  
            document.getElementById("geeks").innerHTML =
                typeof petName;
        </script>
  </center>
  
</body>
  
</html>

Producción:

El ejemplo anterior ilustra el uso de una variable local. Sin embargo, una declaración fuera de la función no puede hacer referencia a la variable llamada petName sin causar un error. Eso es porque tiene alcance local.

Variable global: dado que las variables globales se definen fuera de su función, las variables con el mismo nombre no se pueden usar en funciones diferentes. Todos los scripts y funciones de una página web pueden acceder a ella.

Ejemplo:

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green;">GeeksforGeeks</h1>
  
        <p>A GLOBAL variable can be accessed from 
                            any script or function.</p>
  
        <p id="geeks"></p>
        <p id="Geeks"></p>
        <script>
            var petName = "Rocky";//global variable
            myFunction();
  
            function myFunction() {
                document.getElementById("geeks").innerHTML =
                  typeof petName + "- " + "My pet name is " + petName;
            }
  
            document.getElementById("Geeks").innerHTML =
               typeof petName + "- " + "My pet name is " + petName;
        </script>
  </center>
  
</body>
  
</html>

Producción:

Dónde usar qué variables:

Aunque puede parecer más fácil usar variables globales que pasar datos a una función y devolver datos desde ella, las variables globales a menudo crean problemas. Esto se debe a que cualquier función puede modificar una variable global, y es muy fácil escribir mal el nombre de una variable o modificar la variable equivocada, especialmente en aplicaciones grandes. Eso, a su vez, puede crear problemas de depuración.
Por el contrario, el uso de variables locales reduce la probabilidad de conflictos de nombres. Por ejemplo, dos funciones diferentes pueden usar los mismos nombres para variables locales sin causar conflictos. Eso, por supuesto, significa menos errores y problemas de depuración. Entonces, con solo unas pocas excepciones, todo el código en sus aplicaciones debe estar en funciones para que todas las variables sean locales.
Si escribe mal el nombre de una variable que ya ha declarado, se tratará como una nueva variable global. Con esto en mente, asegúrese de incluir la palabra clave cuando declare nuevas variables y siempre declare una variable antes de hacer referencia a ella en su código.

Nota: utilice variables locales siempre que sea posible. Utilice siempre la palabra clave var para declarar una nueva variable antes de que otras declaraciones hagan referencia a la variable.

Cómo usar variables:

El alcance de una variable o función determina qué código tiene acceso a ella.
Las variables que se crean dentro de una función son variables locales, y las variables locales, y las variables locales solo pueden ser referenciadas por el código dentro de la función.
Las variables creadas fuera de las funciones son variables globales, y el código de todas las funciones tiene acceso a todas las variables globales.
Si olvida codificar la palabra clave var en una declaración de variable, el motor de JavaScript asume que la variable es global. Esto puede causar problemas de depuración.
En general, es mejor pasar variables locales de una función a otra como parámetros que usar variables globales. Eso hará que su código sea más fácil de entender con menos posibilidades de errores.

Publicación traducida automáticamente

Artículo escrito por romin_vaghani y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta