Comment fonctionne le setTimeout dans TypeScript ?

Comment Fonctionne Le Settimeout Dans Typescript



Dans TypeScript, la programmation asynchrone est utilisée pour effectuer les tâches planifiées. Le ' setTimeout() ” est une fonction asynchrone qui aide les programmeurs à gérer des tâches telles que la fonctionnalité de déconnexion. De plus, il empêche les conditions de blocage qui peuvent être provoquées lorsque plusieurs fonctions tentent d'accéder simultanément à la même ligne de code.

Ce blog montre le fonctionnement de la fonction setTimeout() dans TypeScript.

Comment fonctionne le 'setTimeout' dans TypeScript ?

Le ' setTimeout() ” est utilisée pour introduire des retards dans le cycle d'exécution du code. Il peut être utilisé pour implémenter un mécanisme qui appelle la fonction lorsqu'un certain intervalle de temps est dépassé. Cela aide beaucoup lorsque les fonctions doivent être exécutées après un certain modèle pour éviter le type de blocage.







Syntaxe



La syntaxe de la fonction setTimeout() dans TypeScript est illustrée ci-dessous :



setTimeout ( [ testCode ] , [ temps ] , [ arguments 1 ] , ... )

Le ' Code de test ' est le code ou la fonction qui va être retardé dans le cycle d'exécution pour ' temps ” en millisecondes. Les utilisateurs peuvent passer plusieurs arguments dans la fonction 'setTimeout' pour envoyer un message ou un texte au ' Code de test ” fonction selon les besoins. Visitez les exemples ci-dessous pour une meilleure explication.





Exemple 1 : appel de la fonction après un délai

Dans cet exemple, la fonction est créée qui contient le ' console.log() ” méthode qui va être appelée après un certain laps de temps en utilisant le “ setTimeout() ' fonction dans TypeScript, comme indiqué ci-dessous :

fonction démo ( ) {
console. enregistrer ( 'Linuxint 2' ) ;
}
console. enregistrer ( 'Linuxint 1' ) ;
setTimeout ( démo , 2000 ) ;
console. enregistrer ( 'Linuxint 3' ) ;

Description du code ci-dessus :



  • Premièrement la ' démo ” est créée qui affiche le message sur la console à l'aide de la touche “ enregistrer() ' méthode.
  • En dehors du corps de la fonction, deux messages de console sont affichés sur la console, et le ' setTimeout() ” La fonction est insérée entre eux.
  • Cette fonction appelle le ' démo() ” et le temps de retard est réglé sur “ 2000 ”. Cette fonction invoque le ' démo() ” fonction après 2000 millisecondes.

Après compilation :

La sortie montre que le message de la console affiché à l'aide du ' démo() ' la fonction s'affiche après un certain temps ' 2000ms ”.

Exemple 2 : Passer un argument via la fonction setTimeout()

Le ' setTimeout() ” prend en charge un argument qui peut être passé à la fonction ou au code spécifié après le délai, comme indiqué ci-dessous :

fonction démo ( avant : chaîne ) {
console. enregistrer ( 'Linux' + avant ) ;
}
console. enregistrer ( 'Linuxint 1' ) ;
setTimeout ( démo , 2000 , '2' ) ;
console. enregistrer ( 'Linuxint 3' ) ;

Dans le code ci-dessus :

  • Premièrement la ' démo ' la fonction est définie qui accepte un seul paramètre nommé ' avant « ayant un type de » chaîne ”.
  • Cette fonction affiche le texte factice le long de la valeur paramétrique sur la console en utilisant le ' enregistrer() ' méthode.
  • Ensuite, plusieurs méthodes console.log() sont utilisées et le ' setTimeout() La fonction ' est également utilisée avec un temps de retard de ' 2000 ” millisecondes.

Après compilation :

Le gif ci-dessus montre que la fonction a été invoquée après un intervalle de temps spécifié et que la valeur paramétrique a été insérée dans le message de la console transmis via le ' setTimeout() ' fonction.

Conclusion

Pour utiliser le ' setTimeout() ' fonction dans TypeScript, passez le premier argument qui est la fonction qui doit être exécutée après un intervalle de temps spécifique. Ensuite, insérez le deuxième argument au format numérique qui est le délai en millisecondes après lequel la fonction est exécutée. Le troisième argument peut également être utilisé pour envoyer les données à la fonction sélectionnée. Cet article a démontré la mise en œuvre de la «  setTimeout() ” fonction dans TypeScript.