JavaScript Global, Function and Block Ampe | Spiegato
Nella programmazione, l'ambito è definito come l'accessibilità della variabile. O in termini più tecnici, è il riferimento al contesto del codice. Quindi, come possiamo distinguere tra l'ambito delle variabili e su quali fattori dipendono da questo "ambito"? Bene, copriremo tutto ciò che riguarda l'ambito variabile in JavaScript.
Ambito variabile in JavaScript
In JavaScript, ci sono 3 tipi di portata variabile, vale a dire:
- Portata globale
- Ambito da funzione
- Scope di blocchi
Sebbene, prima c'erano solo due tipi di ambiti Es6, l'ambito globale e la portata locale. Ma, con l'ambito locale ES6, è stato suddiviso nell'ambito della funzione e nell'ambito del blocco.
Cominciamo prima con l'ambito globale.
Portata globale
Le variabili definite al di fuori di qualsiasi funzione O riccio Le staffe sono conosciute come variabili globali e hanno un ambito globale. Ambito globale significa che è possibile accedere alle variabili da qualsiasi parte di tale programma, qualsiasi funzione o stato condizionale può accedere a tale variabile.
Per esempio
var name = "linuxhint";funzione printName ()
// è possibile accedere alla variabile qui
console.log ("Questo tutorial è di"+nome);
printName ();
Produzione
Nota: Non è una buona pratica utilizzare le variabili globali quando non sono necessarie in quanto ogni blocco di codice avrà accesso a tali variabili.
Portata locale
Se dovessi definire alcune variabili all'interno parentesi graffe o all'interno di una funzione specifica quindi quelle variabili sono chiamate variabili locali Le variabili locali hanno un ambito molto limitato che è chiamato ambito locale ma, con il rilascio di ES6, l'ambito locale è stato ulteriormente suddiviso in due ambiti diversi:
- Ambito da funzione
- Scope di blocchi.
Ambito da funzione
L'ambito della funzione è l'accessibilità delle variabili definite all'interno di una funzione, non è possibile accedere a queste variabili da qualsiasi altra funzione o addirittura al di fuori della funzione nel file principale.
Per esempio
Innanzitutto, abbiamo creato una variabile all'interno di una funzione e abbiamo acceduto all'interno della funzione:
anno = 2021;
// è possibile accedere alla variabile "anno" all'interno di questa funzione
console.log ("L'anno è"+ anno);
// La variabile "anno" non può essere accessibile fuori qui
ABC ();
Produzione
Puoi vedere nell'output che funziona perfettamente come previsto.
Tuttavia, se proviamo ad accedere a questa variabile al di fuori della funzione, allora otteniamo un errore:
funzione abc ()anno = 2021;
// è possibile accedere alla variabile "anno" all'interno di questa funzione
// La variabile "anno" non può essere accessibile fuori qui
console.log ("L'anno è"+ anno);
ABC ();
Scope di blocchi
L'ambito a blocchi è anche un sottotipo di portata locale. L'ambito del blocco può essere definito come l'ambito delle variabili all'interno del parentesi graffe . Ora, queste parentesi ricci possono essere di loop, o dichiarazioni condizionali o qualcos'altro. È consentito solo fare riferimento a queste variabili all'interno del parentesi graffe .
Immagina una situazione nidificata:
Un blocco di codice chiuso con parentesi graffe contenente alcune variabili a blocchi.
Lascia che a = 10;
const b = 5;
Questo blocco di codice è esso stesso all'interno di una funzione.
funzione aggiuntiva ()Lascia che a = 10;
const b = 5;
Ora quando proviamo ad accedere alle variabili dall'interno della funzione ma al di fuori di quel blocco specifico.
funzione aggiuntiva ()Lascia che a = 10;
const b = 5;
console.log (a + b);
E per accedere a questa funzione dobbiamo invocarlo da:
aggiunta ();Quindi incontreremo un errore, anche se sono variabili locali della stessa funzione.
Le parole chiave permettere E const sono usati per definire le variabili di blocco.
Per esempio
I seguenti controlli i marchi ottenuti da uno studente e mostrano se lo studente è passato o fallito.
if (markSobtained> = 45)
let status = "passato";
console.log ("Osservazioni di soggetto:" + status);
altro
let status = "non riuscito";
console.log ("Osservazioni di soggetto:" + status);
Abbiamo creato una variabile locale con scarpata a blocchi racchiusa all'interno parentesi graffe Usando la parola chiave permettere. Possiamo persino sostituire questo let con il const. L'output è come:
Se stai cercando di fare riferimento alla variabile locale dall'esterno della funzione, riceverai un errore "Lo stato (nome variabile) non è definito":
Nota: Per fare riferimento al “stato"Variabile, stiamo chiamando il console.tronco d'albero() funzione dall'esterno delle staffe condizionali;
Importanza della parola chiave Let e const mentre dichiara le variabili di blocco
Se si dichiara una variabile all'interno parentesi graffe senza usare il permettere e il const le parole chiave quindi la variabile verrà dichiarata come "Variabile globale". Ciò è dovuto al fatto che le parole chiave hanno predefinito i loro ambiti. Per saperne di più sulle parole chiave di dichiarazione delle variabili. Per dimostrare questo, rimuoveremo il permettere Parola chiave dallo snippet del codice sopra ed esegui il codice.
Come puoi vedere chiaramente, siamo stati in grado di accedere a questa variabile al di fuori del parentesi graffe , Ciò significa che la variabile senza le parole chiave "let" e "const" vengono definite con un ambito globale.
Conclusione
Le variabili sono la parte "più essenziale" di un linguaggio di programmazione. Le variabili hanno ambiti diversi a seconda di come vengono dichiarati. In JavaScript, una variabile può essere uno dei tre ambiti diversi, globali, locali e blocchi. Abbiamo imparato come funzionano questi ambiti variabili in JavaScript esaminando più esempi, abbiamo persino riscontrato errori quando abbiamo cercato di accedere alle variabili con ambiti diversi.