Le funzioni di callback in JavaScript

May 15

Le funzioni di callback in JavaScript


In JavaScript, i programmatori possono definire le unità di codice tra variabili e funzioni. funzioni JavaScript possono anche ricevere i parametri, con il codice di chiamare una funzione che passa questi parametri sia come variabili o valori. È anche possibile passare un riferimento ad un'altra funzione come parametro. Una funzione di callback è in genere uno che viene chiamato quando un'altra funzione termina l'esecuzione. Per questo motivo, le funzioni di callback appaiono spesso come parametri ad altre funzioni.

Definizione di richiamata

Per implementare una funzione di callback, il codice JavaScript in una pagina deve prima definire la funzione. Il codice di esempio seguente definisce una funzione e memorizza un riferimento variabile ad esso:
var callbackDefinition = function (numparam) {alert (numparam); };

La funzione utilizza un parametro numerico per la dimostrazione. La funzione di callback può contenere qualsiasi codice JavaScript di una funzione standard potrebbe includere. Il codice sarà ora in grado di passare un riferimento alla funzione come parametro a un'altra funzione, utilizzando il nome della variabile.

Parametro di richiamata

Una volta che uno script ha una funzione definita come variabile, può passare tale variabile come parametro a un'altra funzione. Il codice di esempio riportato di seguito illustra la tecnica:
Mainfunction (10, callbackDefinition);

Questo codice chiama una funzione denominata, passando un parametro numero e il nome della variabile memorizzare il codice funzione callback. Il contorno della funzione viene chiamata qui deve corrispondere questi due parametri. La funzione che riceve la variabile callback sarà in grado di chiamare la funzione che memorizza.

Esecuzione funzione

Una volta passato alla funzione principale, una funzione di callback può essere eseguita. Il codice di esempio riportato di seguito illustra:
Funzione Mainfunction (myNum, callbackFn) {
alert (myNum);
callbackFn (myNum * 2);
}

Per la dimostrazione, questo codice genera prima un avviso JavaScript che causerà una finestra di dialogo per apparire nel browser dell'utente. Una volta che questo codice viene eseguito, la funzione chiama la funzione di callback utilizzando il nome specificato come parametro. La chiamata di funzione callback include un parametro numerico, che è previsto dalla funzione inizialmente definito come variabile.

chiamata funzione

Una volta che una pagina ha una funzione definita, tra cui un callback, può eseguire questo codice. Spesso, gli sviluppatori di istruire il browser per ascoltare un evento utente, funzioni di esecuzione quando ciò si verifica. Ad esempio, il seguente codice HTML richiama una funzione:
<Div onclick = "doCallback ()"> Ecco una sezione di click-grado </ div>

Se la funzione specificata come parametro contiene la definizione della variabile callback e la chiamata alla funzione principale, questo creerà l'effetto callback, come segue:
funzione doCallback () {
var CallFn = function (numparam) {alert (numparam); };
Mainfunction (10, CallFn);
}

Una volta che la funzione principale esegue il proprio tenore di codice, si chiama la funzione di callback.