Načrtovanje in razvoj spletnih aplikacij

Spremenljivke v JavaScriptu

Spremenljivka je poimenovan prostor za shranjevanje vrednosti v programu. Vrednost, shranjeno v spremenljivki, lahko v programu večkrat uporabimo, pozneje pa jo po potrebi tudi spremenimo. V sodobnem JavaScriptu za deklaracijo spremenljivk praviloma uporabljamo let in const, medtem ko je var starejši način deklaracije.

Pomni: V sodobni kodi ima pri deklaraciji prednost const, kadar vrednosti ne nameravamo ponovno prirediti. Kadar se vrednost lahko spremeni, uporabimo let.

Osnovna pravila

  • Ime spremenljivke mora biti veljaven identifikator.
  • Identifikator se lahko začne s črko, znakom _ ali znakom $, ne pa s številko.
  • JavaScript razlikuje med velikimi in malimi črkami, zato sta ime in Ime različni imeni.
  • Deklaraciji let in const imata blokovni doseg.
  • Deklaracija const zahteva začetno vrednost in je ni mogoče ponovno prirediti.

Imena spremenljivk

Ime spremenljivke v JavaScriptu mora slediti pravilom za identifikatorje. Uporabimo lahko črke, števke, znak _ in znak $, vendar prvi znak ne sme biti števka. Ime spremenljivke ne sme biti rezervirana beseda jezika.

let ime;
let priimek;
let imePriimek;
let barvaOzadja;
let _stevec;
let $znesek;

Pri večbesednih imenih je priporočljiv zapis camelCase, na primer novDatum, imePriimek ali barvaOzadja.

Pozor: Imena, kot so 2ime, moje ime ali let, niso ustrezna. Prvo se začne s številko, drugo vsebuje presledek, tretje pa je rezervirana beseda.

Primerjave

var, let in const

Starejša gradiva pogosto razlagajo predvsem deklaracijo z var. Danes sta pri novi kodi običajno primernejša let in const, ker omogočata jasnejši doseg spremenljivk in preglednejše pisanje programa.

var staraSpremenljivka = 10;
let stevilo = 20;
const pi = 3.14;

Doseg spremenljivk

Deklaraciji let in const sta blokovno omejeni. To pomeni, da veljata samo znotraj najbližjega bloka kode, zapisanega med zavitima oklepajema { }, na primer v stavku if, zanki ali funkciji. Deklaracija var pa ni blokovno omejena, ampak je vezana na funkcijo. Če je zapisana zunaj funkcije v običajnem skriptu, pripada globalnemu dosegu.

Med deklaracijami je tudi pomembna razlika pri dostopu pred deklaracijo. Spremenljivko, deklarirano z var, lahko koda doseže že pred mestom deklaracije, vendar ima takrat vrednost undefined. Spremenljivki, deklarirani z let ali const, pa pred deklaracijo nista dostopni in povzročita napako.

Deklaracija const se od let razlikuje še po tem, da mora imeti začetno vrednost in ji pozneje ne moremo ponovno prirediti druge vrednosti. Zato const uporabljamo takrat, ko vezave ne nameravamo spreminjati, let pa takrat, ko se vrednost lahko spremeni.

if (true) {
   let sporocilo = "Pozdrav";
   const leto = 2026;
}

Spremenljivka in konstanta

Spremenljivki, deklarirani z let, lahko pozneje priredimo novo vrednost. Pri deklaraciji const nova prireditev ni dovoljena.

let x = 10;
x = 25;

const y = 100;
// y = 200;  // To ni dovoljeno.

Deklaracija spremenljivk

Pred uporabo spremenljivko običajno deklariramo. V sodobnem JavaScriptu to najpogosteje storimo z let. Spremenljivko lahko deklariramo brez začetne vrednosti; v tem primeru je njena začetna vrednost undefined.

let ime;
let trikotnik, krog, kvadrat;
let a = 10, b = 20, c = 30;
let znak, beseda = "programiranje", starost = 18;
let potrdilo = false;

Možna je tudi poznejša prireditev vrednosti že deklarirani spremenljivki:

let ime;
ime = "Janez";

let obsegTrikotnika;
obsegTrikotnika = 22;

let velikost = null;
let tekma = true;

Pozor: Dodeljevanje vrednosti brez deklaracije ni priporočljivo. Tak zapis lahko povzroči težje razumljivo kodo ali napake, zato je smiselno spremenljivko vedno jasno deklarirati z let, const ali v starejši kodi z var.

Dinamični tipi

JavaScript je dinamično tipiziran jezik. To pomeni, da pri deklaraciji spremenljivke ni treba posebej zapisati njenega tipa, saj se ta določi glede na trenutno vrednost.

let x = "Janez";
x = 22;
x = null;
x = true;

Deklaracija konstante

Konstanto deklariramo z besedo const. Pri deklaraciji ji moramo takoj določiti začetno vrednost. Pozneje ji ne moremo ponovno prirediti druge vrednosti.

const x = 100;
const dolzina = 1200;
const steviloDni = 31;

Pri konstantah je posebej pomembno, da njihova imena izbiramo jasno in smiselno, na primer za nespremenljive nastavitve, mere ali druge vrednosti, ki se v programu ne bodo ponovno prirejale.

Pomni: const pomeni, da vezave ne moremo ponovno prirediti. Če gre za objekt ali tabelo, to ne pomeni nujno, da se ne morejo spreminjati njihove lastnosti ali elementi.

Priporočila

  • Pri novi kodi uporabljaj let in const namesto var.
  • Za imena spremenljivk uporabljaj jasna in smiselna poimenovanja.
  • Pri večbesednih imenih uporabljaj zapis camelCase.
  • Spremenljivke vedno jasno deklariraj in se izogibaj neizraženim globalnim vezavam.
  • Za vrednosti, ki jih ne nameravaš ponovno prirediti, uporabljaj const.

Zanimivost: Sodobna JavaScript koda se pri deklaracijah praviloma opira na let in const, ker sta bila uvedena za jasnejše delo z blokovnim dosegom in preglednejše upravljanje vezav.