Muutujad JavaScriptis - Muutujate mõistmine JavaScriptis

Lang L: none (table-of-contents):

Anonim

Sissejuhatus muutujatesse JavaScriptis

Enne JavaScripti muutujaga alustamist peaksime teadma, mida see termin tegelikult tähendab. Üldiselt tähendab muutuja midagi, mida pidevalt muudetakse. Programmeerimisel tähendab muutuja kõike muud kui viide mälule, millesse oleme mõnda väärtust salvestanud. Praegu on muutuja deklareerimiseks kolm erinevat viisi. Igal ühel on oma kasutamise tähtsus. Need on järgmised:

  1. var
  2. las
  3. const

Kõik ülaltoodud kolm on JavaScripti märksõnad. Üldiselt peame muutuja deklareerima märksõnaga var. Hiljem on ES2015 (EcmaScript 2015) võtnud kasutusele kaks uut märksõna muutujate deklareerimiseks, st las ja konst. Need mõlemad on blokeeritavad. Kuid praegu keskendume var.

Muutujate süntaks JavaScriptis

Javascripti muutuja on koos ulatusega. JavaSriptil on kaks lokaalset ja globaalset ulatust. Hiljem ES2015-s tutvustasime ploki ulatusega.

Keskendume globaalsele ja kohalikule ulatusele. Kõik koodi ülaosas deklareeritud muutujad on kõike muud kui globaalsed. Igaüks pääseb sellele juurde. Teises küljes deklareeritud muutuja on suvalises funktsioonis lokaalne sellele funktsioonile ja sellele ei pääse juurde sellest väljast.

Näide nr 1

Kood:

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

Väljund:

Ülaltoodud näites on muutuvvärv globaalne muutuja ja muutujamudel on lokaalne muutuja. Muutuja mudel on lokaalne oma funktsionaalse ulatuse osas. Ja sellele ei pääse väljastpoolt. Kui proovime seda teha, saame vea. Vaatame järele.

Näide 2

Kood:

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

Väljund:

Vastava deklaratsiooni süntaks

Järgmine süntaks on vastava deklaratsiooni jaoks:

  • Var: var variable_name;
  • Laskmiseks: let variable_name;
  • Const jaoks: const variable_name;

Javascripti muutujate reeglid

Allpool on javascripti muutuja reegel:

  1. Javascripti muutuja nimi peab algama tähega. Vahemik on az ja AZ.
  2. See võib alata tähtedega $ ja _.
  3. Javascripti muutujad ei tohiks alata numbriga.
  4. Nime vahel võib kasutada numbrit. nt: maja1
  5. JavaScript on tõstutundlikud, nii et hind ja hind on erinevad.
  6. JavaScripti muutujate nimedel ei tohiks olla nime ega märksõnu. Ex: muutuv konst; see pole lubatud, kuna const on märksõna.

Kuidas muutujad JavaScriptis toimivad?

JavaScripti muutujad põhinevad ulatustel. Saame kõigepealt aru, mis on JavaScripti ulatus. JavaScript töötab selle leksikaalses keskkonnas. Mõne inimese arvates on see keeruline, kuid otse:

  • Alustame muutuja deklareerimisest. Muutuja deklareerimine pole midagi muud, kui lihtsalt kirjutada muutuja nimi. JavaScriptis järgime reeglit var kirjutamiseks ja pärast var muutuja nime kirjutamist. Semikoolon (;) on javascriptis valikuline. Kuid sellest on abi, kui annate, ja see on soovitatav viis. Semikooloni andmine annab aimu, et kus lause on lõppenud.

Kood:

var price;

  • Ülaltoodud näites on märksõna var ja muutuja nimi on hinna identifikaator. Kui olete uurinud JavaScriptis operaatoreid, siis teate, et oleme siin kasutanud määramisoperaatorit (=). Mis tahes nime, mille muutujale anname, nimetatakse JavaScripti tunnusena.
  • Mis tahes väärtus, mis antakse ülesande paremal küljel, salvestatakse muutujana, mis asub vasakus servas.
  • Muutujate jaoks on soovitatav kasutada väiketähti. Meil on selleks kaameliümbris. Madalaim kaameli juhtum, mida kasutatakse muutujate jaoks.
  • Nüüd JavaScripti deklaratsiooni kohta piisavalt. Liigume selle muutuja initsialiseerimise juurde.
  • Muutuja lähtestamine on sellele muutujale väärtuse määramise protsess. Nüüd tekib küsimus, milline väärtus? Kas meil on JavaScriptis andmetüüpe? Ja vastus on jah.
  • JavaScript on dünaamiline keel. See tähendab, et me ei deklareeri muutujaid konkreetset tüüpi kasutades. JavaScripti kompilaator ise kirjutab konkreetsele andmetüübile sundi.
  • JavaScriptis on andmetüübid Number, String, Boolean, Undefined ja Null.
  • JavaScripti tava kohaselt antakse väärtus kõigile muutujatele, mis pole lähtestatud. Ja see väärtus on määratlemata.

Kood:

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

  • Ülaltoodud näites muutuja, mis on juba lähtestatud. Mis siis, kui me ei anna muutujale mingit väärtust? Proovime JavaScripti konsoolis järgmist koodi ja vaatame tulemust.

Kood:

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

JavaScriptis näitame väljundit konsoolil, kasutades meetodit console.log, nagu ülal näidatud.

Väljund:

Ärge unustage, et JavaScript on oma olemuselt tõstutundlik. Nüüd vaatame, kas omistame muutujale väärtuse, siis milline saab olema väljund.

Kood:

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

Väljund:

Muutuja deklareerimine märksõnaga kuuluvad vaikimisi selle globaalsesse ulatusse. Saame kuulutada muutujaid samal real. Selleks peame iga muutuja eraldama komaga (, ).

Samuti on siin oluline märk muutuja väärtus, mis on numbriline ja mida ei tohiks jutumärkides anda. Kui annate numbri jutumärkides, siis JavaScripti järgige see stringina.

Näited muutujatest JavaScriptis

Allpool on mõned näited javascripti muutujatest:

Näide nr 1

JavaScript var salvestab andmeid olenemata nende tüübist. Vaatame selle kohta ühte näidet.

Kood:

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); >

Väljund:

Näide 2

Võime deklareerida kõigi muutujate kohal samal real. Vaadake allolevat koodi.

Kood:

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

Väljund:

Eraldasime iga muutuja komaga ja vormistasime selle samal ajal.

Näide 3

Nüüd oleme vaadelnud muutujate deklareerimist üks kord. Mis juhtub, kui deklareerime muutujad uuesti? Vaadake allpool toodud näidet.

Kood:

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

Väljund:

Isegi kui deklareerime siin muutujat, milleks on värv, ei kaota see oma väärtust. See annab meile väljundina musta.

Järeldus

JavaScript on tõlgendatav keel ja oma olemuselt dünaamiline. Nii et selle toimimise mõistmine on väga oluline. Muutuja ulatus on JavaScripti õppimisel väga oluline aspekt.

Soovitatavad artiklid

See on juhend muutujate kohta JavaScriptis. Siin käsitleme üksikasjalikult muutuva javascripti süvaõpet koos süntaksinäidete ja oluliste aspektidega. Lisateavet leiate ka meie muudest seotud artiklitest -

  1. Tingimuslikud avaldused JavaScriptis
  2. Muutujad C-numbris
  3. Muutujad Java-s
  4. JavaScripti objektid