Muuttujat JavaScript - Muuttujien ymmärtäminen JavaScript-ohjelmassa

Sisällysluettelo:

Anonim

Johdanto muuttujiin JavaScript-sovelluksessa

Ennen kuin aloitat JavaScript-muuttujan kanssa, meidän pitäisi tietää, mitä termi tosiasiallisesti tarkoittaa. Yleensä muuttuja tarkoittaa jotain, jota pidetään muuttumassa. Ohjelmoinnissa muuttuja ei ole muuta kuin viittaus muistiin, johon olemme tallentaneet jonkin verran arvoa. Meillä on kolme eri tapaa ilmoittaa muuttuja tällä hetkellä. Jokaisella on oma käytön tärkeys. Ne ovat seuraavat:

  1. var
  2. antaa
  3. const

Kaikki yllä olevat kolme ovat JavaScriptin avainsanoja. Yleensä meidän on ilmoitettava muuttuja avainsanalla var. Myöhemmin ES2015: ssä (EcmaScript 2015) on tuonut esiin kaksi uutta avainsanaa muuttujien ilmoittamiseksi, ts. Let ja const. Nämä molemmat ovat lohkoalueita. Mutta nyt keskitymme var.

Muuttujien syntaksi JavaScript-muodossa

Javascript-muuttuja tulee laajuuden kanssa. JavaSriptilla on kaksi paikallista laajuutta ja globaalia laajuutta. Myöhemmin ES2015: ssä esittelimme lohkon soveltamisalaa.

Keskitytään globaaliin ja paikalliseen laajuuteen. Kaikki koodin yläosassa ilmoitetut muuttujat ovat kaikkea muuta kuin globaalia. Kuka tahansa voi käyttää sitä. Toisella puolella muuttuja, joka on ilmoitettu minkä tahansa funktion sisällä, on paikallinen kyseiselle funktiolle, eikä siihen voida päästä sen ulkopuolella.

Esimerkki # 1

Koodi:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();

lähtö:

Yllä olevassa esimerkissä muuttujan väri on globaali muuttuja ja muuttujan malli on paikallinen muuttuja. Muuttujan malli on paikallinen toiminnallisessa laajuudessaan. Ja siihen ei pääse ulkopuolelta. Jos yritämme tehdä niin, saamme virheen. Katsotaanpa sitä.

Esimerkki 2

Koodi:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);

lähtö:

Vastaavan ilmoituksen syntaksi

Seuraavat syntaksit ovat kullekin ilmoitukselle:

  • Varille: var variable_name;
  • Annetaan: let variable_name;
  • Const: const variable_name;

Javascript-muuttujien säännöt

Alla on JavaScriptin muuttujan sääntö:

  1. Javascript-muuttujan nimen on alkava kirjaimella. Alue on az ja AZ.
  2. Se voi alkaa $ ja _.
  3. Javascript-muuttujat eivät saa alkaa numerolla.
  4. Voimme käyttää numeroa nimen välissä. esimerkiksi: talo1
  5. JavaScript on kirjainkoko, joten hintaksi ilmoitettu muuttuja ja hinta ovat erilaiset.
  6. JavaScriptin muuttujien nimissä ei pitäisi olla nimeä tai avainsanoja. Esimerkki: muuttuva const; tämä ei ole sallittua, koska const on avainsana.

Kuinka Muuttujat toimivat JavaScript-ohjelmassa?

JavaScript-muuttujat perustuvat laajuuksiin. Ymmärretään ensin, mikä on JavaScriptin laajuus. JavaScript toimii sen leksikaalisessa ympäristössä. Joidenkin mielestä se on hankala, mutta se on suoraan eteenpäin:

  • Aloitetaan muuttujan ilmoituksella. Muuttujan julistaminen ei ole muuta kuin vain kirjoittaa muuttujan nimi. Seuraamme Java-koodissa sääntöä kirjoittaa var ja var-muuttujan nimen kirjoittamisen jälkeen. Puolipiste (;) on valinnainen javascriptinä. Mutta se on hyödyllistä, jos annat, ja suositellaan tapaa niin. Semikoolon antaminen antaa ajatuksen siitä, että lause on loppunut.

Koodi:

var price;

  • Yllä olevassa esimerkissä avainsana on var ja muuttujan nimi on hinta-tunniste. Jos olet opiskellut operaattoreita JavaScript-järjestelmässä, tiedät, että olemme käyttäneet täällä toimeksiantajaa (=). Jokainen nimi, jonka me annamme muuttujalle, tunnetaan tunnisteena JavaScriptiä.
  • Mikä tahansa tehtävän oikealla puolella annettu arvo tallennetaan muuttujaan, joka vasemmalla puolella.
  • Muuttujille on suositeltavaa käyttää pieniä kirjaimia. Meillä on siihen kamelilaukku. Alempi kamelilaukku, jota käytetään muuttujiin.
  • Nyt tarpeeksi JavaScript-ilmoituksesta. Siirrytään tämän muuttujan alustamiseen.
  • Muuttujan alustus on prosessi, jolla arvo määritetään kyseiselle muuttujalle. Nyt herää kysymys, mikä arvo? Onko meillä Java-tyyppisiä tietotyyppejä? Ja vastaus on kyllä.
  • JavaScript on dynaaminen kieli. Tämä tarkoittaa, että emme ilmoita muuttujia nimenomaisesti tietyllä tyypillä. JavaScript-kääntäjä itse kirjoittaa pakkoa tietyn tyyppiseen tietoon.
  • Meillä on Java-, numero-, merkkijono-, boolean-, Undefined- ja Null-tietotyyppejä.
  • JavaScriptillä on tapana antaa arvo kaikille muuttujille, joita ei ole alustettu. Ja tätä arvoa ei ole määritelty.

Koodi:

var price =10; //initializing variable with value of 10

  • Yllä olevassa esimerkissä muutemme, joka on jo alustettu. Entä jos emme anna muuttujalle arvoa? Kokeillaan seuraavaa koodia JavaScript-konsolissa ja katsotaan tulosta.

Koodi:

var price;
console.log (price); //printing value to the console

JavaScript-ohjelmassa näytämme tulosteen konsolissa console.log -menetelmällä, kuten yllä.

lähtö:

Muista, että JavaScript on luonteeltaan kirjainkoollainen. Katsotaanpa, annammeko muuttujalle arvon, mikä on tulos.

Koodi:

var price =10; // initialized variable with the value 10
console.log(price);

lähtö:

Deklaroiva muuttuja avainsanalla var kuuluvat oletusarvoisesti sen globaaliin laajuuteen. Voimme ilmoittaa samalla rivillä olevat muuttujat. Sitä varten meidän on erotettava jokainen muuttuja pilkulla (, ).

Tärkein huomioitava avain on tässä myös muuttujan arvo, jota ei saa antaa lainausmerkeissä. Jos annat numeron lainausmerkeissä, JavaScript tämä merkkijonona.

Esimerkkejä JavaScriptin muuttujista

Alla on esimerkki javascriptin muuttujista:

Esimerkki # 1

JavaScript var voi tallentaa tietoja tyypistä riippumatta. Tarkistetaan yksi esimerkki tästä.

Koodi:

var color = "black";
var car = "BMW";
var no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
>

lähtö:

Esimerkki 2

Voimme ilmoittaa kaikkien muuttujien yläpuolella samalla rivillä. Katso alla olevaa koodia.

Koodi:

var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);

lähtö:

Erotimme vain kunkin muuttujan pilkulla ja samalla alustimme sen.

Esimerkki 3

Nyt olemme tarkastelleet muuttujien julistamista kerran. Mitä tapahtuu, jos ilmoitamme muuttujat uudelleen? Katso alla olevaa esimerkkiä.

Koodi:

var color = "black";
var color;
console.log("The color is: " + color);

lähtö:

Vaikka julistamme täällä uudelleen värillisen muuttujan, se ei menetä arvoaan. Se antaa meille mustaa lähtöä.

johtopäätös

JavaScript on tulkittu kieli ja luonteeltaan dynaaminen. Joten sen ymmärtäminen on erittäin tärkeää. Muuttujan laajuus on erittäin tärkeä näkökohta JavaScriptin oppimisessa.

Suositellut artikkelit

Tämä on opas muuttujista JavaScript-muodossa. Tässä keskustellaan yksityiskohtaisesti syväoppimisesta muuttuvan javascriptin kanssa syntaksiesimerkkien ja tärkeiden näkökohtien kanssa. Voit myös käydä läpi muiden aiheeseen liittyvien artikkeleidemme saadaksesi lisätietoja -

  1. Ehdollinen lausunto JavaScript-muodossa
  2. Muuttujat C #: ssä
  3. Muuttujat Java
  4. JavaScript-objektit