Hvordan vente på at en funksjon skal fullføre i JavaScript

JavaScript er asynkron og venter ikke på utførelsen av kode. Derfor er det en utfordrende oppgave å vente på et stykke kode før du utfører et annet stykke. På denne måten prioriterer brukere de spesifiserte funksjonene som kjøres først, mens andre er i ventekøen. Dette innlegget demonstrerer de forskjellige mulighetene for å vente på at en funksjon skal fullføre. Innholdet i dette innlegget er som følger:

• Hvordan vente på at en funksjon skal fullføre i JavaScript
• Bruke en tilbakeringingsfunksjon med Settimeout () for å vente på at en funksjon skal fullføre
• Bruke Awent KeyWord og Settimeout () for å vente på at en funksjon skal fullføre

Hvordan vente på at en funksjon skal fullføre i JavaScript?

Som standard er utførelsen av JavaScript -koden asynkron. Det representerer at JavaScript ikke venter på at en funksjon fullfører før de begynner på de andre delene av koden. Det brukes en tilbakeringingsfunksjon for å utføre koden på en slik måte at brukeren venter på at en funksjon skal fullføre før utførelsen av neste kodestykke.

Asynk/avvente nøkkelord brukes i det asynkrone miljøet for å vente på at en funksjon skal utføre ytterligere utførelse. Målet med disse nøkkelordene er å suspendere operasjonen i en async -funksjon ved å gi kommandoer fra Promise -objektet å utføre eller ikke.

Metode 1: Bruke en tilbakeringingsfunksjon med Settimeout () for å vente på at en funksjon skal fullføre

En tilbakeringingsfunksjon er tilpasset med setTimeout () metode for å vente på en funksjon før du fortsetter med den videre utførelsen. La oss øve via følgende eksempelkode:

Kode

konsoll.logg ("et eksempel å bruke setTimeout");
funksjon først ()
konsoll.logg ("1. samtale");

funksjon sekund ()
konsoll.Logg ("2. samtale");

funksjon tredje ()
konsoll.logg ("3. samtale");

setTimeout (funksjon ()
først();
, 3000);
sekund();
tredje();

Beskrivelsen av koden er som følger:

• “først()”, “sekund()”Og“tredje()”Metoder brukes til å vise litt informasjon ved å bruke“Logg()”Metode.
• Nå, “setTimeout ()”Metode brukes ved å ringe en funksjon”først()”Og “3000” millisekunder
• Etter det, “sekund()”Og“tredje()”Metoder kalles for å utføre kodestykkene som er til stede i disse metodene.

Produksjon

Utgangen returnerer den kjørbare koden på en slik måte at “sekund()”Og“tredje()”Metoder utføres etter fullstendig utførelse av“først()”Metode.

Metode 2: Bruker Awent KeyWord og Settimeout () for å vente på at en funksjon skal fullføre

En annen metode praktiseres ved å bruke Awent Keyword and Settimeout () -metoden for å vente på at en funksjon skal fullføres i JavaScript. Metoden fungerer med et løfteobjekt for å oppfylle operasjonen. Eksempelkoden er gitt nedenfor:

Kode

konsoll.Logg ("Et eksempel for å bruke ASYNC/Await Keyword");
async funksjon moro ()
konsoll.Logg ("Velkommen til JavaScript");
venter async ();
konsoll.Logg ("Velkommen til Linuxhint");

funksjon async ()
Returner nytt løfte ((res) =>
setTimeout (() =>
res ();, 3000););

Moro();

Beskrivelsen av koden er gitt nedenfor:

• En funksjon “Moro()”Brukes med“async”Nøkkelord.
• I denne funksjonen er "Async ()”Metoden brukes sammen med“avvente”Søkeord for å vente på en funksjon.
• I “Async ()”Metode, en tilbakeringingsmetode”res ()”Brukes med“setTimeout ()”Metode ved å passere”3000 millisekunder (3 sekunder)”.

Produksjon

Det observeres i utgangen at meldingen “Velkommen til JavaScript” vises først og deretter oppstår en ventetid på 3 sekunder. Etter det fortsetter den videre utførelsen, og inneholder meldingen “Velkommen til Linuxhint”.

Konklusjon

JavaScript gir en setTimeout () Metode som kan fungere med tilbakeringingsfunksjonen og det avvente nøkkelordet for å vente på at en funksjon skal fullføre. Målet med å bruke disse metodene er å utføre et stykke kode etter å ha ventet på en bestemt tid. Det avvente nøkkelordet brukes med et Promise -objekt som avviser eller løser forespørselen. Husk at begge metodene er integrert med setTimeout () metode. Dette innlegget har vist mulige metoder for å vente på at en funksjon skal fullføres i JavaScript.