Funcții de tip callback în JavaScript

Ce sunt funcțiile de tip callback?

În JavaScript, funcțiile sunt tratate ca valori și pot fi transmise ca parametri altor funcții. Când o funcție este apelată după ce o altă funcție a terminat execuția, se numește callback. Acest mecanism permite programarea asincronă și separarea logicii în blocuri independente.

Definirea unui callback

Un callback trebuie declarat înainte de a fi transmis. De exemplu:

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

Funcția poate conține orice cod JavaScript; aici afișăm doar un mesaj de alertă pentru demonstrație.

Transmiterea callback-ului ca parametru

Odată definită, funcția poate fi trecută ca variabilă unui alt apel:

mainFunction(10, callbackDefinition);

Primul parametru este un număr, iar al doilea este referința la funcția callback.

Executarea callback-ului

Funcția principală poate invoca callback-ul în timpul execuției sale:

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

Astfel, după afișarea numărului inițial, callback-ul este apelat cu dublul valorii.

Exemplu complet cu eveniment de clic

Într-o pagină web, se poate atașa un callback la un eveniment de utilizator:

function doCallback() {
    const callFn = function(numParam) {
        alert('Callback: ' + numParam);
    };
    mainFunction(10, callFn);
}

În HTML, un element poate declanșa funcția:

<button onclick="doCallback()">Apelă Callback</button>

Beneficii

Utilizarea callback-urilor:

• Separă logicile de execuție.
• Permite gestionarea operațiilor asincrone (ex.: cereri AJAX).
• Îmbunătățește lizibilitatea și întreținerea codului.