Hoe werkt de setTimeout in TypeScript?

Hoe Werkt De Settimeout In Typescript



In TypeScript wordt asynchrone programmering gebruikt om de geplande taken uit te voeren. De ' setTimeout() ” is een asynchrone functie die programmeurs helpt bij het beheren van taken zoals uitlogfunctionaliteit. Bovendien voorkomt het de deadlock-condities die kunnen worden veroorzaakt wanneer meerdere functies tegelijkertijd toegang proberen te krijgen tot dezelfde coderegel.

Deze blog demonstreert de werking van de functie setTimeout() in TypeScript.

Hoe werkt de 'setTimeout' in TypeScript?

De ' setTimeout() ” functie wordt gebruikt om vertragingen in de code-uitvoeringscyclus te introduceren. Het kan worden gebruikt om een ​​mechanisme te implementeren dat de functie aanroept wanneer een bepaald tijdsinterval is verstreken. Dit helpt enorm wanneer de functies volgens een bepaald patroon moeten worden uitgevoerd om een ​​soort impasse te voorkomen.







Syntaxis



De syntaxis voor de functie setTimeout() in TypeScript wordt hieronder weergegeven:



setTimeout ( [ testCode ] , [ tijd ] , [ argumenten 1 ] , ... )

De ' Testcode ” is de code of functie die wordt vertraagd in de uitvoeringscyclus voor “ tijd ” in milliseconden. Gebruikers kunnen meerdere argumenten doorgeven in de functie 'setTimeout' om een ​​bericht of tekst naar de ' Testcode ” functie zoals vereist. Bezoek de onderstaande voorbeelden voor een betere uitleg.





Voorbeeld 1: functie aanroepen na vertraging

In dit voorbeeld wordt de functie gemaakt die de ' console.log() ' methode die na een bepaalde tijdsperiode wordt aangeroepen met behulp van de ' setTimeout() '-functie in TypeScript, zoals hieronder weergegeven:

functie demo ( ) {
troosten. loggen ( 'Linuxint 2' ) ;
}
troosten. loggen ( 'Linuxint 1' ) ;
setTimeout ( demo , 2000 ) ;
troosten. loggen ( 'Linuxint 3' ) ;

Beschrijving van de bovenstaande code:



  • Eerst de ' demo ' functie is gemaakt die het bericht op de console weergeeft met behulp van de ' logboek() ” methode.
  • Buiten de hoofdtekst van de functie worden twee consoleberichten weergegeven op de console en de ' setTimeout() ” functie wordt tussen hen ingevoegd.
  • Deze functie roept de ' demonstratie() ” functie en de vertragingstijd is ingesteld op “ 2000 ”. Deze functie roept de ' demonstratie() ” functie na 2000 milliseconden.

Na de compilatie:

De uitvoer laat zien dat het consolebericht wordt weergegeven met behulp van de ' demonstratie() ” functie wordt na enige tijd weergegeven “ 2000 ms ”.

Voorbeeld 2: Argument doorgeven via setTimeout() Functie

De ' setTimeout() ” ondersteunt een argument dat kan worden doorgegeven aan de opgegeven functie of code na de vertragingstijd, zoals hieronder weergegeven:

functie demo ( vooruit : snaar ) {
troosten. loggen ( 'Linux' + vooruit ) ;
}
troosten. loggen ( 'Linuxint 1' ) ;
setTimeout ( demo , 2000 , '2' ) ;
troosten. loggen ( 'Linuxint 3' ) ;

In bovenstaande code:

  • Eerst de ' demo ” functie is gedefinieerd die een enkele parameter met de naam “ accepteert vooruit 'een soort' hebben snaar ”.
  • Deze functie geeft de dummy-tekst weer langs de parameterwaarde op de console met behulp van de ' logboek() ” methode.
  • Vervolgens worden meerdere console.log() methoden gebruikt en de “ setTimeout() ” functie wordt ook gebruikt met de vertragingstijd van “ 2000 'milliseconden.

Na de compilatie:

De bovenstaande gif laat zien dat de functie is aangeroepen na een opgegeven tijdsinterval en dat de parameterwaarde is ingevoegd in het consolebericht dat is doorgegeven via de ' setTimeout() ” functie.

Conclusie

Om de ' setTimeout() '-functie in TypeScript, geeft u het eerste argument door, de functie die na een bepaald tijdsinterval moet worden uitgevoerd. Voeg vervolgens het tweede argument in numerieke indeling in, dit is de vertragingstijd in milliseconden waarna de functie wordt uitgevoerd. Het derde argument kan ook worden gebruikt om de gegevens naar de geselecteerde functie te sturen. Dit artikel heeft de implementatie van de “ setTimeout() '-functie in TypeScript.