Definire una variabile globale all'interno di una funzione JavaScript

In JavaScript, può esserci un requisito per utilizzare ripetutamente un valore particolare. Ad esempio, integrare o mettere in relazione tutti i valori con un valore particolare per restituire il risultato desiderato. In tali scenari, la variabile globale svolge un ruolo vitale nel ridurre la complessità complessiva del codice e dell'ordinamento delle funzionalità del codice alla fine dello sviluppatore.

Questo articolo discuterà dell'utilizzo della variabile globale all'interno della funzione JavaScript.

Cos'è una variabile globale in JavaScript?

IL "variabili globali"Avere un ambito globale e può essere invocato da qualsiasi parte del programma in JavaScript.

Procediamo ai seguenti esempi per comprendere chiaramente questo concetto.

Esempio 1: utilizzo della variabile globale in JavaScript

In questo esempio, la variabile globale verrà inizializzata al di fuori dell'ambito della funzione e sarà accessibile nella funzione definita dall'utente:

Nelle righe del codice sopra:

• In primo luogo, creare due variabili globali e assegnare rispettivamente i valori di stringa e interi dichiarati.
• Nel passaggio successivo, definire una funzione chiamata "myFunction ()".
• Nella sua definizione, visualizzare il globale inizializzato "corda" valore.
• Dopodiché, utilizza il globale "numero intero"Valore per restituire la somma dei valori.
• Infine, invoca la funzione definita e visualizza la somma risultante sulla console.

Produzione

Nell'output di cui sopra, come osservato, l'utilizzo delle variabili globali è stato eseguito in modo appropriato.

Esempio 2: utilizzo della variabile globale all'interno di una funzione JavaScript

In questo esempio, la variabile globale verrà definita all'interno di una funzione e accessibile in una funzione separata, mantenendo così il suo ambito globale con l'aiuto di "finestra"Oggetto:

Nel frammento di codice sopra:

• Prima di tutto, includi un'intestazione con la dichiarazione "id"Per accumulare il valore risultante.
• Nel codice JavaScript, definisce una funzione denominata "myFunction1 ()".
• Nella sua definizione, inizializza una variabile globale con il valore intero indicato con l'aiuto di "finestra"Oggetto.
• Ora, dichiara un'altra funzione, "myFunction2 ()".
• Nella definizione della funzione, accedi all'intestazione inclusa dal suo "id"Tramite il"getElementById ()" metodo.
• Dopodiché, associa il "Innerhtml"Proprietà con l'elemento recuperato e accedere alla variabile globale inizializzata dalla precedente funzione in modo tale che il valore globale sia visualizzato come"intestazione".
• Infine, invoca entrambe le funzioni.
• Di conseguenza, il valore globale corrispondente verrà visualizzato sul DOM.

Produzione

Nell'output di cui sopra, è evidente che il valore definito a livello globale è stato accessibile e visualizzato sotto forma di un'intestazione.

Conclusione

"Variabile globale"È definito al di fuori dell'ambito della funzione accessibile nell'intero programma. Questa variabile può essere definita all'interno di una funzione JavaScript tramite "finestra"Oggetto. Questo articolo definisce questa variabile nella funzione JavaScript a livello globale e accessibile in una funzione separata, mantenendo così il suo ambito globale.