„JavaScript“ skambinimo funkcijos - kas yra „JS“ skambučiai ir kaip juos naudoti

Jei esate susipažinę su programavimu, jau žinote, kokias funkcijas atlieka ir kaip jomis naudotis. Bet kas yra skambinimo funkcija? Skambinimo funkcijos yra svarbi „JavaScript“ dalis. Kai suprasite, kaip veikia atgaliniai skambučiai, „JavaScript“ taps daug geresnė.

Taigi šiame įraše norėčiau padėti jums suprasti, kokios yra atgalinio skambinimo funkcijos ir kaip jas naudoti „JavaScript“, apžvelgdamas keletą pavyzdžių.

Kas yra skambinimo funkcija?

„JavaScript“ funkcijos yra objektai. Ar galime objektus perduoti funkcijoms kaip parametrus? Taip.

Taigi, mes taip pat galime perduoti funkcijas kaip parametrus kitoms funkcijoms ir iškviesti jas išorinių funkcijų viduje. Skamba komplikuotai? Leiskite man tai parodyti toliau pateiktame pavyzdyje:

function print(callback) { callback(); }

Funkcija print () kaip parametrą imasi kitos funkcijos ir iškviečia ją viduje. Tai galioja „JavaScript“ ir mes ją vadiname „atgaliniu skambučiu“. Taigi funkcija, kuri perduodama kitai funkcijai kaip parametras, yra atgalinio skambinimo funkcija. Bet tai dar ne viskas.

Taip pat galite žiūrėti atgalinio vaizdo funkcijų vaizdo versiją:

Kodėl mums reikalingos skambinimo funkcijos?

„JavaScript“ paleidžia kodą eilės tvarka iš viršaus į apačią. Tačiau yra atvejų, kai kodas paleidžiamas (arba turi veikti) įvykus kažkam kitam, taip pat ne nuosekliai. Tai vadinama asinchroniniu programavimu.

Atšaukimas užtikrina, kad funkcija nevykdoma, kol užduotis bus baigta, o veiks iškart po užduoties atlikimo. Tai padeda mums sukurti asinchroninį „JavaScript“ kodą ir apsaugo mus nuo problemų ir klaidų.

„JavaScript“ sistemoje atgalinio ryšio funkciją galima sukurti kaip parametrą kitai funkcijai paskambinti ir paskambinti iškart po to, kai kažkas įvyko arba kai kuri nors užduotis buvo atlikta. Pažiūrėkime, kaip ...

Kaip sukurti atgalinį skambutį

Norėdami suprasti, ką paaiškinau aukščiau, leiskite pradėti nuo paprasto pavyzdžio. Mes norime užregistruoti pranešimą į konsolę, bet jis turėtų būti po 3 sekundžių.

const message = function() { console.log("This message is shown after 3 seconds"); } setTimeout(message, 3000);

„JavaScript“ yra įmontuotas metodas, vadinamas „setTimeout“, kuris iškviečia funkciją arba įvertina išraišką po nurodyto laiko (milisekundėmis). Taigi čia „pranešimo“ funkcija yra iškviečiama praėjus 3 sekundėms. (1 sekundė = 1000 milisekundžių)

Kitaip tariant, pranešimo funkcija yra iškviečiama po to, kai kažkas įvyko (praėjus 3 sekundėms po šio pavyzdžio), bet ne anksčiau. Taigi pranešimo funkcija yra atgalinio skambinimo funkcijos pavyzdys.

Kas yra anoniminė funkcija?

Arba galime apibrėžti funkciją tiesiai kitos funkcijos viduje, užuot ją iškvietę. Tai atrodys taip:

setTimeout(function() { console.log("This message is shown after 3 seconds"); }, 3000);

Kaip matome, čia atgalinio skambinimo funkcija neturi pavadinimo, o funkcijos apibrėžimas be pavadinimo „JavaScript“ yra vadinamas „anonimine funkcija“. Tai atlieka tą pačią užduotį kaip ir aukščiau pateiktame pavyzdyje.

Skambinimas kaip rodyklės funkcija

Jei norite, taip pat galite parašyti tą pačią atgalinio skambinimo funkciją kaip ES6 rodyklės funkciją, kuri yra naujesnio tipo „JavaScript“ funkcija:

setTimeout(() => { console.log("This message is shown after 3 seconds"); }, 3000);

O kaip su renginiais?

„JavaScript“ yra į įvykius orientuota programavimo kalba. Įvykių deklaracijose taip pat naudojame atgalinio skambinimo funkcijas. Pavyzdžiui, tarkime, kad norime, kad vartotojai spustelėtų mygtuką:

Click here

Šį kartą pranešimą pultelyje pamatysime tik tada, kai vartotojas spustelės mygtuką:

document.queryselector("#callback-btn") .addEventListener("click", function() { console.log("User has clicked on the button!"); });

Taigi čia mes pirmiausia pasirenkame mygtuką su jo ID, o tada pridedame įvykių klausytoją naudodami metodą addEventListener. Tam reikia 2 parametrų. Pirmasis yra jo tipo „click“, o antrasis parametras yra atgalinio skambinimo funkcija, kuri užregistruoja pranešimą, kai paspaudžiamas mygtukas.

Kaip matote, skambinimo funkcijos taip pat naudojamos įvykių deklaracijoms „JavaScript“.

Apvyniokite

Atšaukimai dažnai naudojami „JavaScript“, ir tikiuosi, kad šis įrašas padės suprasti, ką jie iš tikrųjų daro ir kaip lengviau su jais dirbti. Tada galite sužinoti apie „JavaScript Promises“, kuri yra panaši tema, kurią paaiškinau savo naujame įraše.

Jei norite sužinoti daugiau apie interneto plėtrą, nesivaržykite sekti mane „Youtube“ !

Ačiū, kad skaitėte!