JavaScript Rezervirane besede

V JavaScriptu so rezervirane besede (ang. Reserved Keywords) tiste besede, ki jih jezik uporablja za svojo notranjo logiko in dejanja. Teh besed **ne smete** uporabljati kot imena za svoje spremenljivke, funkcije ali objekte. Spodnja tabela prikazuje identifikatorje izjav, ki brskalniku povedo, katero dejanje naj izvede. Spodnji primer prikazuje uporabo različnih rezerviranih besed (const, let, function, if, for) v delujoči aplikaciji za upravljanje seznama opravil.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>rezervirane besede</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <style>
        .vsebnik-aplikacije {
            max-width: 100%;
            border: 2px solid #ccc;
            padding: 20px;
            border-radius: 10px;
        }
        .naslov-seznama {
            margin-top: 0;
        }
        .vnosna-vrstica {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
        }
        .vnosno-polje {
            flex: 1;
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        .gumb-dodaj {
            padding: 8px 12px;
            cursor: pointer;
            background-color: #c2ff02;
            color: #333333;
            border: 1px solid #999;
            border-radius: 4px;
            font-weight: bold;
        }
        .seznam-opravil {
            padding-left: 20px;
        }
        .status-tekst {
            font-size: 0.9em;
            color: #666;
            font-style: italic;
        }
    </style>
</head>
<body>
    <div class="vsebnik-aplikacije">
        <h2 class="naslov-seznama">Upravitelj opravil</h2>
        
        <div class="vnosna-vrstica">
            <input type="text" id="vnos-opravila" class="vnosno-polje" placeholder="Novo opravilo...">
            <button class="gumb-dodaj" onclick="dodajOpravilo()">DODAJ</button>
        </div>

        <ul id="seznam-izpis" class="seznam-opravil"></ul>
        
        <p id="stanje-seznama" class="status-tekst"></p>
    </div>

    <script>
        // Deklaracija konstant za elemente DOM (rezervirana beseda const)
        const vnosnoPolje = document.getElementById("vnos-opravila");
        const seznamElement = document.getElementById("seznam-izpis");
        const statusElement = document.getElementById("stanje-seznama");
        
        // Deklaracija tabele s podatki (rezervirana beseda let)
        let seznamPodatkov = ["Naučiti se JS", "Objaviti vadnico"];

        // Funkcija za osveževanje prikaza (rezervirana beseda function)
        function osveziPrikaz() {
            seznamElement.innerHTML = "";
            
            // Zanka skozi elemente (rezervirana beseda for)
            for (let i = 0; i < seznamPodatkov.length; i++) {
                let li = document.createElement("li");
                li.innerHTML = seznamPodatkov[i];
                seznamElement.appendChild(li);
            }

            // Preverjanje pogoja (rezervirana beseda if...else)
            if (seznamPodatkov.length === 0) {
                statusElement.innerHTML = "Seznam je trenutno prazen.";
            } else {
                statusElement.innerHTML = "Trenutno imate " + seznamPodatkov.length + " opravil.";
            }
        }

        function dodajOpravilo() {
            const vsebina = vnosnoPolje.value;

            // Preprečevanje praznih vnosov (rezervirana beseda if)
            if (vsebina === "") {
                alert("Vpišite vsebino opravila!");
                return; // Rezervirana beseda return
            }

            seznamPodatkov.push(vsebina);
            vnosnoPolje.value = "";
            osveziPrikaz();
        }

        // Začetni izris seznama
        osveziPrikaz();
    </script>
</body>
</html>

REZULTAT

Beseda	Opis dejanja	Povezava
break	Takoj izstopi iz trenutne zanke ali switch stavka.	Primer
class	Deklarira nov razred (objektno usmerjeno programiranje).	Primer
const	Deklarira spremenljivko s konstantno vrednostjo, ki se ne spreminja.	Primer
continue	Preskoči trenutno ponovitev v zanki in nadaljuje z naslednjo.	Primer
debugger	Ustavi izvajanje in pokliče razhroščevalnik (če je na voljo).	Primer
do ... while	Izvede blok kode in ga ponavlja, dokler je pogoj resničen.	Primer
for	Ustvari zanko, ki se izvaja, dokler je pogoj resničen.	Primer
function	Deklarira blok kode, ki se izvede ob klicu (funkcijo).	Primer
if ... else	Izvede blok kode na podlagi pogoja (resnično/neresnično).	Primer
let	Deklarira spremenljivko z omejenim obsegom veljavnosti (block scope).	Primer
return	Ustavi izvajanje funkcije in vrne določeno vrednost.	Primer
switch	Izbere enega izmed več blokov kode za izvajanje.	Primer
try ... catch	Preizkusi blok kode in "ulovi" morebitne napake.	Primer
var	Starejši način za deklaracijo spremenljivke.	Primer
while	Ponavlja blok kode, dokler je podani pogoj resničen.	Primer