Declaración de variable: una variable puede declararse como una variable global o local. Las variables se pueden declarar mediante las palabras clave var, let y const. Antes de ES6, solo hay una palabra clave var disponible para declarar una variable de JavaScript.
Las variables globales son las variables a las que se puede acceder desde cualquier parte del programa. Estas son las variables que se declaran en el cuerpo principal del código fuente y fuera de todas las funciones. Estas variables están disponibles para que todas las funciones accedan.
- Las variables globales se declaran al comienzo del bloque (parte superior del programa)
- La palabra clave Var se utiliza para declarar variables globalmente.
- Se puede acceder a las variables globales desde cualquier parte del programa.
Nota: si asigna un valor a una variable y olvida declarar esa variable, se considerará automáticamente como una variable global.
Ejemplo 1: En este ejemplo, declaramos la variable al inicio del programa fuera de cada función usando la palabra clave var.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<p id="geeks"></p>
<p id="Geeks"></p>
<script>
var Marks = 10;
// Declaring global variable outside the function
myFunction();
// Global variable accessed from
// Within a function
function myFunction() {
document.getElementById("geeks").innerHTML =
"Marks = "+Marks;
}
// Changing value of global
// Variable from outside of function
document.getElementById("Geeks").innerHTML =
"Marks = "+Marks*20;
</script>
</center>
</body>
</html>
Producción:
Ejemplo 2: declarar la variable global dentro de una función utilizando un objeto de ventana. Las variables declaradas mediante objetos de ventana son variables globales y se puede acceder a ellas desde cualquier parte del programa.
HTML
<html>
<body>
<p id="geeks"></p>
<script>
function a(){
// Declaring global variable using window object
window.marks=10;
}
function b(){
// Accessing global variable from other function
document.getElementById("geeks").innerHTML ="Marks = "+window.marks
}
a();
b();
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por bhaneshjain5 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA