Funkcije povratnega klica v JavaScript

V JavaScript lahko programerji definirajo enote kode, vključno s spremenljivkami in funkcijami. Funkcije JavaScript lahko prejemajo tudi parametre, pri čemer koda prikliče funkcijo, ki te parametre posreduje kot spremenljivke ali vrednosti. Kot parameter lahko posredujete tudi sklic na drugo funkcijo. Funkcija povratnega klica je običajno tista, ki se pokliče, ko se druga funkcija zaključi z izvajanjem. Zaradi tega so funkcije povratnega klica pogosto prikazane kot parametri za druge funkcije.

Definicija povratnega klica

Za izvedbo funkcije povratnega klica mora koda JavaScript na strani najprej definirati funkcijo. Naslednja vzorčna koda definira funkcijo in shrani sklic spremenljivke nanjo: var callbackDefinition = function (numParam) {alert (numParam); };

Funkcija za prikaz uporablja numerični parameter. Funkcija povratnega klica lahko vsebuje katero koli kodo JavaScript, ki jo lahko vključuje standardna funkcija. Koda bo zdaj lahko z uporabo spremenljivke posredovala sklic na funkcijo kot parameter na drugo funkcijo.

Parameter povratnega klica

Ko ima skript funkcijo, ki je definirana kot spremenljivka, lahko to spremenljivko posreduje kot parameter drugi funkciji. Naslednja vzorčna koda prikazuje tehniko: mainFunction (10, callbackDefinition);

Ta koda pokliče imenovano funkcijo, posreduje parameter številke in ime spremenljivke, ki shranjuje kodo funkcije povratnega klica. Oris funkcije, ki se tukaj prikliče, se mora ujemati s tema dvema parametroma. Funkcija, ki prejme spremenljivko povratnega klica, bo lahko poklicala funkcijo, ki jo shrani.

Izvajanje funkcije

Po prenosu na glavno funkcijo se lahko izvede funkcija povratnega klica. Naslednja vzorčna koda prikazuje: funkcija mainFunction (myNum, callbackFn) {alert (myNum); povratni klicFn (myNum * 2); }

Za predstavitev ta koda najprej prikaže opozorilo JavaScript, ki bo povzročilo, da se v uporabnikovem brskalniku prikaže pogovorno okno. Ko se ta koda izvede, funkcija pokliče funkcijo povratnega klica z imenom, določenim kot parameter. Klic funkcije povratnega klica vključuje številski parameter, ki ga pričakuje funkcija, ki je bila prvotno definirana kot spremenljivka.

Klic funkcije

Ko ima stran definirano funkcijo, vključno s povratnim klicem, lahko to kodo izvede. Razvijalci pogosto brskalniku naročijo, naj posluša uporabniški dogodek in izvrši funkcije, ko se to zgodi. Na primer, naslednja koda HTML pokliče funkcijo: Tu je razdelek, ki ga lahko kliknete

Če funkcija, navedena kot parameter, vsebuje definicijo spremenljivke povratnega klica in klic glavne funkcije, bo to ustvarilo učinek povratnega klica, kot sledi: funkcija doCallback () {var callFn = funkcija (numParam) {opozorilo (numParam); }; mainFunction (10, callFn); }

Ko glavna funkcija izvrši lastno vsebino kode, pokliče funkcijo povratnega klica.