Jak czekać, aż funkcja zakończy się w JavaScript

JavaScript ma charakter asynchroniczny i nie czeka na wykonanie kodu. Dlatego trudnym zadaniem jest czekanie na kawałek kodu przed wykonaniem innego utworu. W ten sposób użytkownicy priorytetowo traktują określone funkcje, które wykonują pierwsze, podczas gdy inne są w kolejce oczekiwania. Ten post pokazuje różne możliwości oczekiwania na zakończenie funkcji. Treść tego postu jest następujący:

• Jak czekać, aż funkcja zakończy się w JavaScript
• Korzystanie z funkcji wywołania zwrotnego z Settimeout (), aby czekać na zakończenie funkcji
• Za pomocą wyczekiwanych słów kluczowych i Settimeout () poczekaj na zakończenie funkcji

Jak czekać, aż funkcja zakończy się w JavaScript?

Domyślnie wykonywanie kodu JavaScript jest asynchroniczne. Reprezentuje, że JavaScript nie czeka na wykonanie funkcji przed rozpoczęciem innych części kodu. Funkcja wywołania zwrotnego jest stosowana do wykonywania kodu w taki sposób, że użytkownik czeka na zakończenie funkcji przed wykonaniem następnego kodu.

Słowa kluczowe asynchroniczne/oczekiwania są używane w środowisku asynchronicznym, aby czekać na funkcję dalszego wykonania. Celem tych słów kluczowych jest zawieszenie operacji w funkcji asynchali.

Metoda 1: Korzystanie z funkcji zwrotnej z Settimeout (), aby czekać na zakończenie funkcji

Funkcja wywołania zwrotnego jest dostosowana do settimeout () Metoda oczekiwania na funkcję przed kontynuowaniem dalszego wykonania. Ćwiczmy za pośrednictwem następującego przykładu kodu:

Kod

konsola.log („Przykład do użycia Settimeout”);
funkcja najpierw ()
konsola.log („1. połączenie”);

funkcja second ()
konsola.log („2. połączenie”);

funkcja trzecia ()
konsola.log („3. połączenie”);

settimeout (function ()
Pierwszy();
, 3000);
drugi();
trzeci();

Opis kodu jest następujący:

• „„Pierwszy()", "drugi()" I "trzeci()„Metody są wykorzystywane do wyświetlania niektórych informacji poprzez zastosowanie„dziennik()" metoda.
• Teraz "settimeout ()„Metoda jest stosowana przez wywołanie funkcji”Pierwszy()" I „3000” milisekund
• Potem „„drugi()" I "trzeci()„Metody są wywoływane do wykonania elementów kodu obecnych w tych metodach.

Wyjście

Wyjście zwraca kod wykonywalny w taki sposób, że „drugi()" I "trzeci()„Metody są wykonywane po całkowitym wykonaniu„Pierwszy()" metoda.

Metoda 2: Za pomocą słowa kluczowego i settimeout (), aby czekać na zakończenie funkcji

Kolejna metoda jest praktykowana poprzez wykorzystanie metody czekającej słów kluczowych i settimeout (), aby czekać na zakończenie funkcji w JavaScript. Metoda działa z obietnicą, aby wypełnić operację. Przykładowy kod jest podany poniżej:

Kod

konsola.log („Przykład użycia Słowa kluczowego Async/Ataing”);
Async Function Fun ()
konsola.log („Witamy w JavaScript”);
czekają na async ();
konsola.log („Witamy w Linuxhint”);

funkcja async ()
zwróć nową obietnic ((res) =>
settimeout (() =>
res ();, 3000););

Zabawa();

Opis kodu podano poniżej:

• Funkcja "Zabawa()”Jest wykorzystywany z„Async”Słowo kluczowe.
• W tej funkcji „Async ()„Metoda jest stosowana z„czekać na”Słowo kluczowe, aby czekać na funkcję.
• W "Async ()„Metoda, metoda wywoławcza”res ()”Jest używany z„settimeout ()„Metoda, przekazując„3000 milisekund (3 sekundy)".

Wyjście

W wyjściu obserwuje się, że komunikat „Witamy w JavaScript” jest wyświetlany najpierw, a następnie napotyka się 3 sekundy. Następnie dalsze wykonanie trwa, zawierając wiadomość „Witamy w Linuxhint".

Wniosek

JavaScript zapewnia settimeout () Metoda, która może działać z funkcją wywołania zwrotnego i czekającym słowem kluczowym, aby czekać na zakończenie funkcji. Celem zastosowania tych metod jest wykonanie kawałka kodu po oczekiwaniu na określony czas. Oczekiwane słowo kluczowe jest wykorzystywane z obietnicą, który odrzuca lub rozwiązuje żądanie. Pamiętaj, że obie metody są zintegrowane z settimeout () metoda. Ten post wykazał możliwe metody oczekiwania na funkcję ukończenia w JavaScript.