Ten blog demonstruje działanie funkcji setTimeout() w TypeScript.
Jak działa „setTimeout” w TypeScript?
„ setTimeout() ” służy do wprowadzania opóźnień w cyklu wykonania kodu. Można go użyć do zaimplementowania mechanizmu, który wywołuje funkcję po upływie określonego przedziału czasu. To bardzo pomaga, gdy funkcje muszą być wykonywane po określonym wzorcu, aby zapobiec zakleszczeniu.
Składnia
Poniżej przedstawiono składnię funkcji setTimeout() w języku TypeScript:
ustawiony limit czasu ( [ kod testowy ] , [ czas ] , [ argumenty 1 ] , ... )
„ Kod testowy ” to kod lub funkcja, która zostanie opóźniona w cyklu wykonania dla „ czas ” w milisekundach. Użytkownicy mogą przekazać wiele argumentów w funkcji „setTimeout”, aby wysłać wiadomość lub tekst do „ Kod testowy ” działać zgodnie z wymaganiami. Zapoznaj się z poniższymi przykładami, aby uzyskać lepsze wyjaśnienie.
Przykład 1: Wywołanie funkcji po opóźnieniu
W tym przykładzie tworzona jest funkcja zawierająca „ log.konsoli() ” metoda, która zostanie wywołana po pewnym czasie przy użyciu metody „ setTimeout() ” w TypeScript, jak pokazano poniżej:
funkcjonować próbny ( ) {konsola. dziennik ( „Linux 2” ) ;
}
konsola. dziennik ( „Linux 1” ) ;
ustawiony limit czasu ( próbny , 2000 ) ;
konsola. dziennik ( „Linux 3” ) ;
Opis powyższego kodu:
- Po pierwsze ' próbny ” tworzona jest funkcja, która wyświetla komunikat na konsoli za pomocą „ dziennik() ' metoda.
- Poza treścią funkcji na konsoli wyświetlane są dwa komunikaty konsoli oraz komunikat „ setTimeout() Funkcja ” jest wstawiona pomiędzy nimi.
- Ta funkcja wywołuje „ próbny() ”, a czas opóźnienia jest ustawiony na „ 2000 ”. Ta funkcja wywołuje „ próbny() ” po 2000 milisekundach.
Po kompilacji:
Dane wyjściowe pokazują, że komunikat konsoli wyświetlany przy użyciu „ próbny() ” wyświetla się po pewnym czasie „ 2000 ms ”.
Przykład 2: Przekazywanie argumentu za pomocą funkcji setTimeout().
„ setTimeout() ” obsługuje argument, który można przekazać do określonej funkcji lub kodu po czasie opóźnienia, jak pokazano poniżej:
funkcjonować próbny ( do przodu : strunowy ) {konsola. dziennik ( „Linux” + do przodu ) ;
}
konsola. dziennik ( „Linux 1” ) ;
ustawiony limit czasu ( próbny , 2000 , „2” ) ;
konsola. dziennik ( „Linux 3” ) ;
W powyższym kodzie:
- Po pierwsze ' próbny ” jest zdefiniowana funkcja, która akceptuje pojedynczy parametr o nazwie „ do przodu „mający rodzaj” strunowy ”.
- Ta funkcja wyświetla fikcyjny tekst wraz z wartością parametryczną na konsoli za pomocą „ dziennik() ' metoda.
- Następnie używanych jest wiele metod console.log() i „ setTimeout() ” jest również wykorzystywana z czasem opóźnienia „ 2000 ” milisekund.
Po kompilacji:
Powyższy gif pokazuje, że funkcja została wywołana po określonym przedziale czasu, a wartość parametryczna została wstawiona do komunikatu konsoli przekazanego przez „ setTimeout() ” funkcja.
Wniosek
Aby skorzystać z opcji „ setTimeout() ” w TypeScript, przekaż pierwszy argument, który jest funkcją, która ma zostać wykonana po określonym przedziale czasu. Następnie wstaw drugi argument w formacie numerycznym, który jest czasem opóźnienia w milisekundach, po którym funkcja zostanie wykonana. Trzeciego argumentu można również użyć do wysłania danych do wybranej funkcji. W tym artykule zademonstrowano implementację „ setTimeout() ” w TypeScript.