JavaScript sintaksa

Sintaksa JavaScripta je nabor pravil, ki določa, kako so zapisani programi, stavki, izrazi, komentarji, deklaracije in drugi gradniki jezika.

Izvorna koda JavaScripta je sestavljena iz osnovnih elementov jezika. Pri razumevanju sintakse so posebej pomembni komentarji, bloki kode, rezervirane besede, občutljivost na velike in male črke ter pravila glede podpičij.

Osnovna pravila

• Programi so zapisani kot zaporedje stavkov in deklaracij.
• Blok kode je omejen z zavitima oklepajema { in }.
• JavaScript razlikuje med velikimi in malimi črkami.
• Komentarji se ne izvajajo in so namenjeni pojasnilom v kodi.
• Podpičja so v številnih primerih del sintakse, vendar lahko v določenih primerih pride do samodejne vstavitve podpičja.

Primerjave

Programski stavek in blok kode

Posamezen stavek je ena enota kode, blok kode pa združi več stavkov v celoto. Bloke pogosto uporabljamo pri funkcijah, pogojnih stavkih in zankah.

document.getElementById("demo").textContent = "Besedilo izpisano z JavaScript.";

function izpisi() {
   document.getElementById("ime").textContent = "Janez";
   document.getElementById("priimek").textContent = "Novak";
}

Fiksne vrednosti in spremenljivke

Fiksne vrednosti so na primer števila, nizi, logične vrednosti, null in drugi literali. Spremenljivke pa so poimenovani nosilci vrednosti. V sodobni kodi spremenljivke običajno deklariramo z let, nespremenljive vezave pa s const.

const pi = 3.14;
let ime = "Nika";
let vsota = 10 + 20;

Izraz in prireditev

Izraz je del kode, ki da neko vrednost. Prireditev pa to vrednost shrani v spremenljivko. Pravilna oblika je na primer let x = 25;, ne pa var = x;.

let x = 25;
let y = x + 5;

Rezervirane besede nekoč in danes

Starejša gradiva pogosto navajajo predvsem besedo var, danes pa so za razlago sintakse pomembne tudi let, const, class, import, export in druge sodobne besede jezika.

Vrednosti

Sintaksa jezika vključuje različne vrste literalov in drugih vrednosti, na primer števila, nize, logične vrednosti in izraze.

const stevilo = 22.835;
const niz = "Niz v JavaScriptu";
const izraz = 10 + 20;

Operatorji

JavaScript uporablja več skupin operatorjev, na primer prireditvene, primerjalne, logične, aritmetične in druge operatorje. Operatorji sodelujejo pri tvorbi izrazov.

Izrazi

Izraz je zapis, ki se ovrednoti v neko vrednost. Pogost primer je prireditev vrednosti spremenljivki.

let x = 25;
let znesek = x + 10;

Rezervirane besede

Rezervirane besede imajo v jeziku poseben pomen, zato jih ne uporabljamo kot navadna imena spremenljivk ali funkcij. Nekaj pogostih primerov:

Komentarji

Komentarji so deli kode, ki se ne izvajajo. Uporabljamo jih za pojasnila, oznake in začasno izključitev posameznih delov kode. JavaScript pozna enovrstične in večvrstične komentarje.

let x = 5; // Ta koda se bo izvedla

/* Ta del je komentar
   let y = 10;
   let ime = "Janez";
*/

Presledki in prelomi vrstic

JavaScript presledke in prelome vrstic v številnih primerih dopušča, zato jih uporabljamo za večjo berljivost kode. Kljub temu prelom vrstice v določenih primerih vpliva na samodejno vstavljanje podpičij, zato ni povsem nepomemben.

let ime = "Janez";
let priimek = "Novak";

Zaključevanje stavkov

V JavaScriptu lahko v nekaterih primerih pride do samodejne vstavitve podpičij, vendar to ne pomeni, da so podpičja vedno nepomembna. Pri nekaterih stavkih in pri določenih prelomih vrstic lahko pride do napak ali nejasnega delovanja, zato je dosledno zapisovanje podpičij priporočljivo.

let x = 10;
let y = 20;

Občutljivost na male in velike črke

JavaScript razlikuje med velikimi in malimi črkami. Zato sta na primer imePriimek in imepriimek dve različni imeni.

let imePriimek = "Janez Kranjski";
let imepriimek = "Micka Novak";

Priporočila

• Za nove programe uporabljaj let in const namesto var.
• Kodo piši pregledno, z zamiki in smiselno razporeditvijo blokov.
• Komentarje uporabljaj za pojasnila, ne pa za nadomeščanje nejasne kode.
• Stavke praviloma zaključuj s podpičjem.
• Pri preprostem izpisu besedila v element pogosto uporabljaj textContent namesto innerHTML.