Muuttujat JavaScriptissa ovat olennaisia tietojen tallentamiseksi ja käsittelemiseksi. On tärkeää ymmärtää, missä nämä muuttujat ovat voimassa ja mihin koodisi osiin ne voivat päästä käsiksi. Erilaisten muuttujatyyppien – globaalit ja paikalliset – vuoksi "scope" (näkymäalue) ymmärtäminen on perustavanlaatuista. Sukelletaan siis syvemmälle ja selvitämme, mitä globaaleilla ja paikallisilla muuttujilla on tarjottavanaan.
Tärkeimmät havainnot
- Globaalit muuttujat ovat saatavilla koko koodissa, kun taas paikalliset muuttujat ovat näkyvissä vain niiden funktiossa.
- Muuttujan määrittäminen funktion ulkopuolella tekee siitä globaalin, kun taas sen määrittäminen funktion sisällä tekee siitä paikallisen.
- Koodin selkeän ja ylläpidettävän rakenteen vuoksi globaalien muuttujien määrittäminen skriptin alussa on hyödyllistä.
Vaiheittainen opas
Muuttujien määrittäminen ja niiden näkyvyys
Ensimmäisessä vaiheessa tarkastelemme, miten voit luoda muuttujan ja mitä sen näkyvyys tarkoittaa. Kun määrität muuttujan jokaisen funktion ulkopuolella, kuten seuraavassa esimerkissä, se on globaali.
Tässä luomme globaalin muuttujan nimeltä meineVariable.
Paikallisten muuttujien sisältävien funktioiden luominen
Seuraavaksi luomme kaksi funktiota. Yhden funktiosta kutsumme paikallisfunktion, jossa luomme paikallisen muuttujan. Tämä muuttuja on näkyvissä vain funktion sisällä. Määritellään funktiomme.
Paikallisfunktiossa luot paikallisen muuttujan lokaleV arvolla 5 ja tulostat sen.
Funktioiden kutsuminen
Nyt haluamme kutsua paikallisfunktiota tulostaaksemme numeron 5. Kun olemme kutsuneet funktiota koodissa, tulostus näyttää tältä:
Paikallisten muuttujien näkyvyyden testaaminen
Nyt yritämme käyttää paikallista muuttujaa lokaleV eri funktiossa. Huomaathan, että se ei toimi. Kutsutaan siis toista funktiota ja katsotaan, mitä tapahtuu.
Saat virheen, koska muuttuja localeV on näkyvissä vain paikallisfunktiossa.
Virheiden tarkistaminen konsolissa
Ymmärtääksemme paremmin, miksi virhe tapahtuu, tutkitaan koodia konsolissa. Oikealla hiirinäppäimellä ja valitsemalla "Tarkista" voit avata DOM-selaimen ja konsolin virheen analysoimiseksi.
Siellä näkyy, että localeV on määrittelemätön. Tämä vahvistaa oletuksen siitä, että muuttuja ei ole olemassa funktion ulkopuolella.
Globaalin muuttujan määrittäminen
Luodaan nyt globaali muuttuja, jota voimme käyttää molemmissa funktioissa. Nimeämme tämän muuttujan globaaliksiMuuttujaksi ja annamme sille yksinkertaisen tekstiarvon.
Nyt tätä gloabalia muuttujaa voidaan kutsua molemmissa funktioissa, ja tulos on sama. Testataanpa se.
Muuttujien määrittämisen ja kutsumisen järjestys
On tärkeää huomata, että muuttujien ja funktioiden määrittämisen järjestys on ratkaiseva. Jos luot globaalin muuttujan sen käytön alapuolella, tämä johtaa määrittelemättömään ongelmaan.
Syynä tähän on se, että funktio, joka tarvitsee globaalia muuttujaa, kutsuu sen ennen määrittelyä. Tämän välttämiseksi on suositeltavaa määritellä globaalit muuttujat koodin yläosassa.
Lisätietoa paikallisista muuttujista ja niiden käytöstä
Luodaan nyt toisessa funktiossa taas paikallinen muuttuja. Nimeämme sen paikalliseksiMuuttujaksi ja asetamme sen arvoksi 12.
Voimme käyttää myös tätä paikallista muuttujaa, mutta vain sen omassa funktiossa, emme muissa. Kun käytät molempia paikallisia muuttujia, se voi joskus vaatia kärsivällisyyttä ja järjestystä ohjelmissasi riippuen monimutkaisuudesta.
Käsitteiden yhteenveto
Olet nyt ymmärtänyt peruskäsitteet muuttujien näkyvyydestä ja ulottuvuudesta JavaScriptissa. Globaalit muuttujat ovat kaikkien funktioiden saatavilla, kun taas paikalliset muuttujat ovat olemassa vain niiden omassa funktiossa. On suositeltavaa määritellä globaalit muuttujat keskuskohdassa koodia, jotta luettavuus ja ylläpidettävyys paranevat.
Yhteenveto – Muuttujien näkyvyys JavaScriptissa
Yhteenvetona olet oppinut, että tapa, jolla määrität muuttujia, vaikuttaa suoraan niiden näkyvyyteen ja laajuuteen. Kiinnitä aina huomiota siihen, mihin asetat muuttujasi, jotta voit välttää virheitä.
Usein kysytyt kysymykset
Mitkä ovat globaalit muuttujat?Globaalit muuttujat ovat muuttujia, jotka määritellään funktioiden ulkopuolella ja ovat siten koko skriptin saatavilla.
Mitkä ovat paikalliset muuttujat?Paikalliset muuttujat ovat muuttujia, jotka luodaan funktion sisällä, ja ne ovat näkyviä vain kyseisessä funktiossa.
Kuinka voin käyttää globaaleja muuttujia parhaiten?On suositeltavaa määritellä globaalit muuttujat skriptin alussa, jotta saadaan selkeä rakenne ja parempi ylläpidettävyys.
Voinko käyttää paikallisia muuttujia niiden funktion ulkopuolella?Ei, paikalliset muuttujat ovat näkyvissä vain siinä funktion sisällä, jossa ne on määritelty.
Kuinka käsittelen määrittelemättömät virheet?Huomaa, missä järjestyksessä määrität muuttujia ja funktioita varmistaaksesi, että tarvittavat muuttujat on määritelty ennen niiden käyttöä.
