JavaScript Global, Función y Bloque de alcance | Explicado

JavaScript es bastante reconocido en el mercado de programación actual, y eso se debe a su vasto uso. Convertirse en un desarrollador de JavaScript no es solo un buen trabajo, sino que ahora es esencial sobrevivir en el mercado de programación. JavaScript, al igual que cualquier otro lenguaje de programación, depende del uso de variables. Y cada variable tiene su propio alcance.

En la programación, el alcance se define como la accesibilidad de la variable. O en términos más técnicos, es la referencia al contexto del código. Entonces, ¿cómo podemos diferenciar entre el alcance de las variables y en qué factores depende este "alcance"?? Bueno, vamos a cubrir todo lo relacionado con el alcance variable en JavaScript.

Alcance variable en JavaScript

En JavaScript, hay 3 tipos de alcance variable, a saber:

• Alcance global
• Alcance de la función
• Alcance

Aunque, solía haber solo dos tipos de ámbitos antes ES6, el alcance global y el alcance local. Pero, con ES6, el alcance local se dividió en el alcance de la función y el alcance del bloqueo.

Comencemos primero con el alcance global.

Alcance global

Las variables definidas fuera de cualquier función o ondulado Los soportes se conocen como variables globales y tienen alcance global. El alcance global significa que se puede acceder a las variables desde cualquier parte de ese programa, cualquier función o estado condicional puede acceder a esa variable.

Por ejemplo

var name = "Linuxhint";
function printName ()
// se puede acceder a la variable dentro de aquí
consola.log ("Este tutorial es por"+nombre);

printName ();

Producción

Nota: No es una buena práctica usar variables globales cuando no se necesitan, ya que cada bloque de código tendrá acceso a esas variables.

Alcance local

Si tuviera que definir algunas variables en el interior corchetes o dentro de una función específica, esas variables se denominan variables locales, las variables locales tienen un alcance muy confinado que se llama alcance local pero, con la liberación de ES6, el alcance local se dividió en dos ámbitos diferentes:

• Alcance de la función
• Alcance.

Alcance de la función

El alcance de la función es la accesibilidad de las variables definidas dentro de una función, no se puede acceder a estas variables desde ninguna otra función o incluso fuera de la función en el archivo principal.

Por ejemplo
Primero, creamos una variable dentro de una función y la accedimos dentro de la función:

función abc ()
año = 2021;
// se puede acceder a la variable "año" dentro de esta función
consola.log ("El año es"+ año);

// no se puede acceder a la variable "año" afuera aquí
a B C();

Producción

Puede ver en la salida que funciona perfectamente bien como se esperaba.

Sin embargo, si intentamos acceder a esta variable fuera de la función, entonces recibimos un error:

función abc ()
año = 2021;
// se puede acceder a la variable "año" dentro de esta función

// no se puede acceder a la variable "año" afuera aquí
consola.log ("El año es"+ año);
a B C();

Alcance

El alcance del bloque también es un subtipo de alcance local. El alcance del bloque se puede definir como el alcance de las variables dentro del corchetes . Ahora, estos soportes rizados pueden ser de bucles, declaraciones condicionales, o algo más. Solo se le permite referirse a estas variables desde el interior del corchetes .

Imagina una situación anidada:
Un bloque de código encerrado con corchetes que contiene algunas variables de bloque.

dejar a = 10;
const B = 5;

Este bloque de código está en sí mismo dentro de una función.

function adicion ()

dejar a = 10;
const B = 5;

Ahora, cuando intentamos acceder a las variables desde el interior de la función, pero fuera de ese bloque específico.

function adicion ()

dejar a = 10;
const B = 5;

consola.log (a + b);

Y para acceder a esta función necesitamos invocarla por:

suma();

Luego nos encontraremos con un error, a pesar de que son variables locales de la misma función.

Las palabras clave dejar y estúpido se utilizan para definir variables de bloque.

Por ejemplo
Las siguientes verifican las marcas obtenidas por un estudiante y muestra si el estudiante pasó o falló.

Marksobtains = 60
if (marksobtains> = 45)
STATSE = "aprobado";
consola.log ("Observaciones de sujeto:" + estado);

demás
STATSE = "fallido";
consola.log ("Observaciones de sujeto:" + estado);

Creamos una variable local con escollar de bloque encerrada dentro de corchetes Mediante el uso de la palabra clave dejar. Incluso podemos reemplazar esto con el estúpido. La salida es como:

Si está intentando consultar la variable local desde fuera de la función, obtendrá un error "El estado (nombre de la variable) no está definido":

Nota: Para referirse al "estado"Variable, estamos llamando al consola.registro() función desde fuera de los soportes condicionales;

Importancia de la palabra clave LET y const mientras declara variables de bloque

Si declara una variable dentro corchetes sin usar el dejar y el estúpido Palabras clave, entonces la variable se declarará como un "Variable global". Esto se debe al hecho de que las palabras clave tienen sus ámbitos predefinidos. Para obtener más información sobre las palabras clave que declaran variables. Para mostrar esto, vamos a eliminar el dejar Palabra clave del fragmento de código anterior y ejecuta el código.

Como puede ver claramente, pudimos acceder a esta variable fuera de la corchetes , lo que significa que la variable sin las palabras clave "let" y "const" se define con un alcance global.

Conclusión

Las variables son la parte "más esencial" de un lenguaje de programación. Las variables tienen diferentes alcances dependiendo de cómo se declaren. En JavaScript, una variable puede ser uno de los tres ámbitos diferentes, global, local y bloque. Hemos aprendido cómo funcionan estos ámbitos variables en JavaScript al repasar múltiples ejemplos, incluso encontramos errores al intentar acceder a variables con diferentes ámbitos.