Definer en global variabel i en JavaScript -funksjon

I JavaScript kan det være et krav om å utnytte en bestemt verdi gjentatte ganger. For eksempel å integrere eller relatere alle verdiene med en bestemt verdi for å returnere ønsket utfall. I slike scenarier spiller den globale variabelen en viktig rolle i å redusere den samlede kodekompleksiteten og sortere kodefunksjonalitetene på utviklerens slutt.

Denne artikkelen vil diskutere bruken av den globale variabelen innen JavaScript -funksjonen.

Hva er en global variabel i JavaScript?

“Globale variabler”Ha et globalt omfang og kan påberopes hvor som helst i programmet i JavaScript.

La oss gå videre til følgende eksempler for å forstå dette konseptet tydelig.

Eksempel 1: Bruk av global variabel i JavaScript

I dette eksemplet vil den globale variabelen bli initialisert utenfor omfanget av funksjonen og vil få tilgang til i den brukerdefinerte funksjonen:

I kodelinjene ovenfor:

• For det første, lage to globale variabler og tilordne henholdsvis oppgitt streng- og heltallverdier.
• I neste trinn, definer en funksjon som heter “MyFunction ()”.
• I sin definisjon kan du vise den initialiserte globale “streng”Verdi.
• Etter det, bruk den globale “heltall”Verdi for å returnere summen av verdiene.
• Til slutt, påkalle den definerte funksjonen og vis den resulterende summen på konsollen.

Produksjon

I ovennevnte utgang, som observert, er bruken av de globale variablene blitt gjort på riktig måte.

Eksempel 2: Bruk av global variabel innenfor en JavaScript -funksjon

I dette eksemplet vil den globale variabelen bli definert i en funksjon og få tilgang til i en egen funksjon, og dermed opprettholde dets globale omfang med hjelp av "vindu”Objekt:

I ovennevnte kodebit:

• Først av alt, ta med en overskrift som har den oppgitte “id”For å akkumulere den resulterende verdien.
• I JavaScript -koden, definer en funksjon som heter “myfunction1 ()”.
• I sin definisjon, initialiser en global variabel med den oppgitte heltallverdien ved hjelp av "vindu”Objekt.
• Nå, erklærer en annen funksjon, “myfunction2 ()”.
• I funksjonsdefinisjonen får du tilgang til den inkluderte overskriften av dens “id”Via“getElementById ()”Metode.
• Etter det, knytter “indrehtml”Eiendom med det hentet elementet og tilgang til den initialiserte globale variabelen fra den tidligere funksjonen slik at den globale verdien vises som en“overskrift”.
• Til slutt, påkalle begge funksjonene.
• Som et resultat vil den tilsvarende globale verdien vises på DOM.

Produksjon

I outputten er det tydelig at den globalt definerte verdien er tilgjengelig og vist i form av en overskrift.

Konklusjon

“Global variabel”Er definert utenfor funksjonens omfang som er tilgjengelig i hele programmet. Denne variabelen kan defineres i en JavaScript -funksjon via "vindu”Objekt. Denne artikkelen definerer denne variabelen i JavaScript -funksjonen globalt og får tilgang til i en egen funksjon, og dermed opprettholder det globale omfanget.