Jak používat callbacky v JavaScriptu

V JavaScriptu můžete definovat funkce i proměnné. Funkci můžete volat s argumenty a jako argument můžete předat i odkaz na jinou funkci. Taková funkce se nazývá callback – je vyvolána až po dokončení jiné funkce.

Definice callbacku

Nejprve je potřeba vytvořit funkci a uložit její odkaz do proměnné:

var callbackDefinition = function(numParam) {
    alert(numParam);
};

Funkce přijímá číselný parametr a může obsahovat libovolný JavaScriptový kód.

Předání jako parametr

Uložený odkaz lze předat jiné funkci jako argument:

mainFunction(10, callbackDefinition);

Funkce mainFunction musí přijmout dva parametry – číslo a funkci, kterou později zavolá.

Spuštění callbacku

Uvnitř hlavní funkce se callback volá jako běžná funkce:

function mainFunction(myNum, callbackFn) {
    alert(myNum);
    callbackFn(myNum * 2);
}

Nejprve se zobrazí hodnota myNum, poté se zavolá callbackFn s dvojnásobkem této hodnoty.

Praktické použití

Callbacky se často používají v událostech. Například:

<button onclick="doCallback()">Klikněte zde</button>

function doCallback() {
    var callFn = function(numParam) {
        alert(numParam);
    };
    mainFunction(10, callFn);
}

Když uživatel klikne na tlačítko, spustí se doCallback, který předá funkci callFn jako callback do mainFunction.