Progettisti di siti Web utilizzano la libreria JavaScript jQuery per implementare gli effetti interattivi e animati all'interno delle loro pagine Web. Utilizzando funzioni jQuery, è possibile creare pagine con transizioni migliorando la visualizzazione di elementi quali testo e multimedia. Quando si utilizza alcuni effetti jQuery, è anche possibile specificare una funzione di callback. Come un'animazione può prendere un periodo di tempo che deve trascorrere, specificando una funzione come un callback garantisce che non verrà eseguito fino a quando l'effetto è completo.

Scopo

Markup HTML possono includere chiamate a funzioni di jQuery. Molti di questi sono effetti visivi che potrebbero richiedere secondi o frazioni di secondi, per completare. In JavaScript, se metti una istruzione di codice dopo l'altro, che inizia un effetto animato, la seconda istruzione può iniziare l'esecuzione prima che abbia completato l'animazione. Per far fronte a questa situazione, molte delle funzioni jQuery principale accettare parametri di callback. Quando si passa un riferimento a una funzione come un parametro di callback a un'altra funzione, il codice di callback viene eseguito dopo che la funzione di ricezione esso ha completato la propria elaborazione.

Definizione di funzioni

In JavaScript, è possibile definire funzioni e memorizzarli come variabili. Nell'esempio di codice riportato di seguito viene illustrato questo:

var lovelyFunction = function () {alert ("effetto finale");}

Una variabile può contenere più righe di elaborazione con strutture di controllo complesse, se necessario. JavaScript può anche definire funzioni come segue:

funzione lovelyFunction() {alert ("effetto finale");}

In entrambi i casi, lo script può fare riferimento alla funzione utilizzando il relativo nome. Se la funzione di callback non accetta parametri, il codice può passare come un callback facendo riferimento al nome della funzione da solo.

Callback passando

Per passare a una funzione di callback, una chiamata di funzione jQuery può includere un riferimento al nome funzione, come illustrato nel codice seguente:

$('#content').show ('slow', lovelyFunction);

Questo codice chiama l'effetto di jQuery per mostrare un elemento con un valore di attributo ID particolare. La chiamata di funzione specifica una velocità lenta per l'effetto, e il nome di una funzione da eseguire una volta l'effetto è completo. Una volta che il jQuery mostrano finiture effetto, il flusso di esecuzione si muove quindi alla funzione specificata come parametro "lovelyFunction". Come la funzione non accetta parametri, è definito come un callback utilizzando solo il nome.

Parametri di callback

Pagina Web script può passare funzioni di callback con parametri alle funzioni di jQuery. Se un callback accetta parametri, il codice necessario specificarlo in modo esplicito quando viene chiamata la funzione jQuery, come segue:

$('#content').show (, 'slow', Function () {
lovelyFunction(paramValue);
});

Questo chiama la funzione di callback specificato al termine dell'effetto spettacolo, passando il valore di parametro indicato utilizzando un nome di variabile. Se uno script tenta di passare una funzione di callback con parametri utilizzando il nome della funzione da solo, anziché definirla in modo esplicito come una funzione, non funzionerà.