JavaScript Funkcije

JavaScript funkcija je blok kode, zasnovan za izvajanje določene naloge. Definira se s ključno besedo function, sledi ji ime in oklepaji (). Ime funkcije lahko vsebuje črke, številke, podčrtaje in znak $ (enaka pravila kot za spremenljivke). V oklepajih se navedejo parametri, ločeni z vejicami.


function imeFunkcije(parameter1, parameter2) {
    // koda, ki se izvede
}

Ko funkcijo pokličemo (npr. s klikom na gumb), se njena koda izvede. Argumenti, ki jih podamo pri klicu, postanejo lokalne spremenljivke znotraj funkcije. Ko JavaScript doseže stavek return, se funkcija konča in pošlje nazaj vrednost, ki jo je izračunala.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>of() – štirje praktični primeri</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <style>
        body {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
            padding: 20px;
        }
        .primer {
            border: 1px solid #ccc;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 25px;
        }
        .primer h2 {
            margin-top: 0;
        }
        .opis {
            margin-bottom: 8px;
        }
        .izpis {
            margin-top: 6px;
            line-height: 1.5;
            white-space: pre-wrap;
        }
        code {
            background:#f4f4f4;
            padding:2px 4px;
            border-radius:4px;
        }
    </style>
</head>
<body>
    <div class="primer" id="primer1">
        <h2>Primer 1 – Vsota dveh števil</h2>
        <div class="opis">Funkcija <code>vsota</code> sprejme dva parametra in vrne njihovo vsoto.</div>
        <div class="izpis" id="izpis1"></div>
    </div>
    
    <div class="primer" id="primer2">
        <h2>Primer 2 – Pozdrav z imenom (privzeta vrednost)</h2>
        <div class="opis">Če uporabnik ne poda imena, se uporabi privzeta vrednost <code>"svet"</code>.</div>
        <div class="izpis" id="izpis2"></div>
    </div>
    
    <div class="primer" id="primer3">
        <h2>Primer 3 – Rekurzivni factorial</h2>
        <div class="opis">Funkcija <code>factorial</code> rekurzivno izračuna n!.</div>
        <div class="izpis" id="izpis3"></div>
    </div>
    
    <div class="primer" id="primer4">
        <h2>Primer 4 – Filtriranje polja s povratnim klicem</h2>
        <div class="opis">Funkcija <code>filtriraj</code> sprejme polje in pogoj (callback).</div>
        <div class="izpis" id="izpis4"></div>
    </div>
    
    <script>
        function vsota(a, b) {
            return a + b;
        }
        document.getElementById("izpis1").textContent = `vsota(7, 5) = ${vsota(7,5)}`;
        
        function pozdravi(ime = "svet") {
            return `Pozdravljen, ${ime}!`;
        }
        document.getElementById("izpis2").textContent = `${pozdravi()} | ${pozdravi("Borut")}`;
        
        function factorial(n) {
            if (n <= 1) return 1;
            return n * factorial(n - 1);
        }
        document.getElementById("izpis3").textContent = `5! = ${factorial(5)}`;
        
        function filtriraj(arr, pogoj) {
            const rez = [];
            for (const el of arr) {
                if (pogoj(el)) rez.push(el);
            }
            return rez;
        }
        const stevila = [1,2,3,4,5,6];
        const lihe = filtriraj(stevila, x => x % 2 !== 0);
        document.getElementById("izpis4").textContent = `Liha števila: ${lihe.join(", ")}`;
    </script>
</body>
</html>

REZULTAT

JavaScript‑funkcijski laboratorij
Primer 1 – Factorial (rekurzija)
Vnesi število (≥0): 
Primer 2 – Debounce (zmanjšanje števila klicev)
Primer 3 – Shallow copy (ES6 spread)
const original = {a:1, b:{c:2}};
const copy = {...original};
        Spremeni copy.b.c na: 

Ključni pojmi

Vrnjena vrednost	Funkcije pogosto izračunajo vrednost, ki se vrne klicatelju.	Glej primer
Operator `()`	Operator `()` kliče (pokliče) funkcijo.	Glej primer
Nepravilni parametri	Dostop do funkcije z nepravilnimi parametri lahko vrne napačen odgovor.	Glej primer
Dostop do funkcije	Dostop do funkcije brez `()` vrne samo referenco na funkcijo, ne njen rezultat.	Glej primer
Funkcije kot spremenljive vrednosti	Funkcije se lahko shranijo v spremenljivke in posredujejo kot argumenti.	Glej primer
Lokalne spremenljivke	Lokalne spremenljivke obstajajo le med izvajanjem funkcije.	Glej primer

Zakaj uporabljati funkcije?

Ali moram vedno uporabiti return?: Ne. Če funkcija ne vrača vrednosti, se privzeto vrne undefined.
Kaj je “anonimna funkcija”?: Funkcija brez imena, npr. function(a,b){ return a+b; }. Pogosto se uporablja kot argument drugih funkcij.
Kako pretvorim funkcijo v spremenljivko?: Preprosto ji dodelim: let sq = function(x){ return x*x; };