Wie funktioniert setTimeout in TypeScript?

Wie Funktioniert Settimeout In Typescript



In TypeScript wird asynchrone Programmierung verwendet, um die geplanten Aufgaben auszuführen. Der ' setTimeout() „ist eine asynchrone Funktion, die Programmierern hilft, Aufgaben wie die Abmeldefunktion zu verwalten. Darüber hinaus werden Deadlock-Bedingungen verhindert, die auftreten können, wenn mehrere Funktionen gleichzeitig versuchen, auf dieselbe Codezeile zuzugreifen.

Dieser Blog demonstriert die Funktionsweise der Funktion setTimeout() in TypeScript.

Wie funktioniert „setTimeout“ in TypeScript?

Der ' setTimeout() Die Funktion wird verwendet, um Verzögerungen im Codeausführungszyklus einzuführen. Es kann verwendet werden, um einen Mechanismus zu implementieren, der die Funktion aufruft, wenn ein bestimmtes Zeitintervall verstrichen ist. Dies ist sehr hilfreich, wenn die Funktionen nach einem bestimmten Muster ausgeführt werden müssen, um einen Deadlock-Zustand zu verhindern.







Syntax



Die Syntax für die Funktion setTimeout() in TypeScript ist unten dargestellt:



setTimeout ( [ testCode ] , [ Zeit ] , [ args 1 ] , ... )

Der ' Testcode „ist der Code oder die Funktion, die im Ausführungszyklus für „ verzögert wird“ Zeit ” in Millisekunden. Benutzer können in der Funktion „setTimeout“ mehrere Argumente übergeben, um eine Nachricht oder einen Text an die „setTimeout“-Funktion zu senden. Testcode ”Funktion nach Bedarf. Für eine bessere Erklärung sehen Sie sich die folgenden Beispiele an.





Beispiel 1: Funktion nach Verzögerung aufrufen

In diesem Beispiel wird die Funktion erstellt, die „ console.log() ”-Methode, die nach einer bestimmten Zeitspanne aufgerufen wird, unter Verwendung der „ setTimeout() ”-Funktion in TypeScript, wie unten gezeigt:

Funktion Demo ( ) {
Konsole. Protokoll ( „Linuxint 2“ ) ;
}
Konsole. Protokoll ( „Linuxint 1“ ) ;
setTimeout ( Demo , 2000 ) ;
Konsole. Protokoll ( „Linuxint 3“ ) ;

Beschreibung des obigen Codes:



  • Zuerst die ' Demo „Es wird eine Funktion erstellt, die die Nachricht auf der Konsole mithilfe der Funktion „“ anzeigt. Protokoll() ' Methode.
  • Außerhalb des Funktionskörpers werden zwei Konsolenmeldungen auf der Konsole angezeigt und das „ setTimeout() ”-Funktion wird dazwischen eingefügt.
  • Diese Funktion ruft die „ Demo() ”-Funktion und die Verzögerungszeit ist auf „ 2000 “. Diese Funktion ruft die „ Demo() ”-Funktion nach 2000 Millisekunden.

Nach der Zusammenstellung:

Die Ausgabe zeigt, dass die Konsolenmeldung mit dem Befehl „ Demo() „Funktion wird nach einiger Zeit angezeigt“ 2000 ms “.

Beispiel 2: Übergabe eines Arguments über die Funktion setTimeout()

Der ' setTimeout() „unterstützt ein Argument, das nach der Verzögerungszeit an die angegebene Funktion oder den angegebenen Code übergeben werden kann, wie unten gezeigt:

Funktion Demo ( nach vorne : Zeichenfolge ) {
Konsole. Protokoll ( „Linux“ + nach vorne ) ;
}
Konsole. Protokoll ( „Linuxint 1“ ) ;
setTimeout ( Demo , 2000 , '2' ) ;
Konsole. Protokoll ( „Linuxint 3“ ) ;

Im obigen Code:

  • Zuerst die ' Demo Es wird eine Funktion definiert, die einen einzelnen Parameter mit dem Namen „ nach vorne „mit einer Art von“ Zeichenfolge “.
  • Diese Funktion zeigt den Dummy-Text entlang des Parameterwerts auf der Konsole an, indem sie „ Protokoll() ' Methode.
  • Als nächstes werden mehrere console.log()-Methoden verwendet und die „ setTimeout() Die Funktion „“ wird auch mit der Verzögerungszeit „“ verwendet. 2000 ” Millisekunden.

Nach der Zusammenstellung:

Das obige GIF zeigt, dass die Funktion nach einem bestimmten Zeitintervall aufgerufen wurde und der Parameterwert in die Konsolennachricht eingefügt wurde, die über „ setTimeout() ” Funktion.

Abschluss

Um das „ setTimeout() „Funktion in TypeScript, übergeben Sie das erste Argument, das die Funktion ist, die nach einem bestimmten Zeitintervall ausgeführt werden muss. Fügen Sie dann das zweite Argument im numerischen Format ein, das die Verzögerungszeit in Millisekunden angibt, nach der die Funktion ausgeführt wird. Das dritte Argument kann auch verwendet werden, um die Daten an die ausgewählte Funktion zu senden. Dieser Artikel hat die Umsetzung des „ setTimeout() ”-Funktion in TypeScript.