Questo blog dimostra il funzionamento della funzione setTimeout() in TypeScript.
Come funziona 'setTimeout' in TypeScript?
IL ' setTimeout() La funzione ” viene utilizzata per introdurre ritardi nel ciclo di esecuzione del codice. Può essere utilizzato per implementare un meccanismo che chiama la funzione quando viene superato un certo intervallo di tempo. Questo aiuta molto quando le funzioni devono essere eseguite dopo un certo schema per prevenire il tipo di condizione di deadlock.
Sintassi
La sintassi per la funzione setTimeout() in TypeScript è mostrata di seguito:
setTimeout ( [ testCode ] , [ tempo ] , [ arg 1 ] , ... )
IL ' TestCodice ' è il codice o la funzione che verrà ritardata nel ciclo di esecuzione per ' tempo ” in millisecondi. Gli utenti possono passare più argomenti nella funzione 'setTimeout' per inviare un messaggio o un testo al ' TestCodice ” funzione come richiesto. Visita gli esempi seguenti per una migliore spiegazione.
Esempio 1: funzione di chiamata dopo il ritardo
In questo esempio, viene creata la funzione che contiene il ' console.log() ” metodo che verrà chiamato dopo un certo periodo di tempo utilizzando il metodo “ setTimeout() ” funzione in TypeScript, come mostrato di seguito:
funzione dimostrazione ( ) {consolare. tronco d'albero ( 'Linuxint 2' ) ;
}
consolare. tronco d'albero ( 'Linuxint 1' ) ;
setTimeout ( dimostrazione , 2000 ) ;
consolare. tronco d'albero ( 'Linuxint 3' ) ;
Descrizione del codice sopra:
- Prima il ' dimostrazione ” viene creata la funzione che visualizza il messaggio sulla console utilizzando il “ tronco d'albero() ' metodo.
- Al di fuori del corpo della funzione, sulla console vengono visualizzati due messaggi della console e il messaggio ' setTimeout() La funzione ” è inserita tra di loro.
- Questa funzione sta invocando il ' dimostrazione() ” e il tempo di ritardo è impostato su “ 2000 ”. Questa funzione richiama il ' dimostrazione() ” funzione dopo 2000 millisecondi.
Dopo la compilazione:
L'output mostra che il messaggio della console visualizzato utilizzando ' dimostrazione() ” la funzione viene visualizzata dopo un po' di tempo “ 2000 ms ”.
Esempio 2: passaggio di un argomento tramite la funzione setTimeout()
IL ' setTimeout() ' supporta un argomento che può essere passato alla funzione o al codice specificato dopo il tempo di ritardo, come mostrato di seguito:
funzione dimostrazione ( inoltrare : corda ) {consolare. tronco d'albero ( 'Linux' + inoltrare ) ;
}
consolare. tronco d'albero ( 'Linuxint 1' ) ;
setTimeout ( dimostrazione , 2000 , '2' ) ;
consolare. tronco d'albero ( 'Linuxint 3' ) ;
Nel codice sopra:
- Prima il ' dimostrazione ” è definita una funzione che accetta un singolo parametro denominato “ inoltrare ” avere un tipo di “ corda ”.
- Questa funzione visualizza il testo fittizio lungo il valore parametrico sulla console utilizzando il ' tronco d'albero() ' metodo.
- Successivamente, vengono utilizzati più metodi console.log() e il ' setTimeout() La funzione ” viene utilizzata anche con il tempo di ritardo di “ 2000 ' millisecondi.
Dopo la compilazione:
La gif sopra mostra che la funzione è stata invocata dopo un intervallo di tempo specificato e il valore parametrico è stato inserito nel messaggio della console passato tramite il ' setTimeout() ' funzione.
Conclusione
Per utilizzare il ' setTimeout() ” in TypeScript, passa il primo argomento che è la funzione che deve essere eseguita dopo un intervallo di tempo specifico. Quindi, inserisci il secondo argomento in formato numerico che è il tempo di ritardo in millisecondi dopo il quale la funzione viene eseguita. Il terzo argomento può essere utilizzato anche per inviare i dati alla funzione selezionata. Questo articolo ha dimostrato l'implementazione del ' setTimeout() ” funzione in TypeScript.