Jak czekać, aż obietnice zostaną rozwiązane w JavaScript

Obietnice są powszechnie używanymi funkcjami w języku programowania JavaScript. Obietnice odgrywają kluczową rolę w JavaScript, aby poczekać, aż wykonanie określonych zadań zostanie zakończone. Umożliwia użytkownik wykonanie następnego zadania po wykonaniu zadania. Ten post pokazuje obietnicę czekać, używając rozstrzygać() Metoda w JavaScript. Przydatne jest funkcje zwrotne, które wykonują kawałek kodu na podstawie potrzeb użytkownika. Ponadto może zarządzać kontrolą przepływu zdarzeń asynchronicznych, gdzie nazywane są zdarzenia równoległe.

Dlaczego obietnice są wymagane w JavaScript?

JavaScript może wykonywać jedno zadanie w danym czasie w sekwencyjny sposób. Jednak wykonywanie kodu równolegle powoduje niektóre problemy. Na przykład, jeśli użytkownik ustawia 5 sekund dla settimeout () Metoda, JavaScript wykona następną część kodu przed wykonaniem poprzedniego zadania. Dlatego obietnice muszą czekać, aż bieżące zadanie zostanie wykonane.

Praca obietnic w JavaScript

Obietnica to obiekt oparty na JavaScript, który zwraca wartość po zakończeniu lub ukończeniu zadania asynchronicznego. Wykończone zadanie odnosi się do wywołania funkcji rozdzielczości, podczas gdy niekompletne zadanie wskazuje na wywołanie funkcji odrzucania. Składnia jest tutaj dostarczana przez rozważenie obietnicy z wywołaniem funkcji rozdzielczości.

Składnia

Obietnica.REZYDACJA (wartość);

Składnia zwraca obietnicę "obiekt" To rozwiązuje podanie wartość.

Różne stany obietnicy w JavaScript

Obietnica powstaje poprzez wykorzystanie konstruktora. Obietnica to obiekt, który zawiera trzy formy, "spełniony", "odrzucony", I "aż do" i opisano poniżej:

• spełniony: odnosi się do rozwiązania obietnicy.
• odrzucony: wskazuje, że obietnica została odrzucona.
• aż do: Określ stan początkowy przed odrzuceniem lub rozwiązaniem obietnicy.

Notatka: Obietnica jest wykorzystywana głównie do operacji asynchronicznych. Ale użytkownicy mogą odrzucić lub rozwiązać operację, synchronizując.

Uważamy, że ćwiczmy różne przykłady, aby czekać na obietnicę z różnymi okresami.

Przykład 1: Czekam na 3 sekundy

Po przykładu wykorzystano obietnicę oczekiwania na 3000 milisekund w JavaScript.

Kod

konsola.log („Przykład do oczekiwania na rozwiązanie obietnic”);
const p1 = nowa obietnica ((rozdzielcz, odrzuć) =>
settimeout (() =>
konsola.log („Pierwsza obietnica rozwiązana”);
, 3000);
);

W tym kodzie:

• Po pierwsze, "Obietnica" Konstruktor jest nazywany przez nowy Słowo kluczowe.
• Następnie oddzwonienie settimeout () Metoda, przekazując ciąg „Pierwsza obietnica rozwiązana” I „3000” milisekund.
• Stąd przechodzący ciąg czeka 3 sekundy na rozwiązanie obietnicy w JavaScript.

Wyjście

Wyjście pokazuje, że komunikat „Pierwsza obietnica rozwiązana” jest wyświetlany po 3 sekundach.

Przykład 2: Korzystanie z słów kluczowych „Asynch” i „Czeka się”, aby czekać na obietnicę

Inny przykład jest rozważany poprzez wykorzystanie Async I czekać na Słowa kluczowe, aby czekać na obietnice w JavaScript. Kod jest podany poniżej.

Kod

konsola.log („obiecuje się rozwiązać”);
info funkcji async ()
const obieca = nowa obietnica (RESPORVE =>
Resolve („Witamy w JavaScript”));
const txt = czekaj na obietnicę;
konsola.log (txt);
powrót txt;
informacje ()

W tym kodzie:

• Po pierwsze, funkcja informacje () jest zatrudniony z „Async” Słowo kluczowe, które zwraca obietnicę.
• Potem "Obietnica" Konstruktor nazywany jest nowy Słowo kluczowe i oddzwonienie do „rozstrzygać()" metoda.
• Wiadomość „Witamy w JavaScript” jest przekazywany jako argument w celu rozwiązania metody.
• „Async” Słowo kluczowe jest dozwolone w „czekać na" Słowo kluczowe.
• czekać na Słowo kluczowe jest wykorzystywane do oczekiwania na obietnice i przechowywania "tekst" zmienny.
• W końcu informacje () Metoda jest wywoływana, aby zwrócić "tekst" zmienny.

Wyjście

Wyjście zwraca komunikat „Witamy w JavaScript” stosując metodę obiecującego rozdzielczość.

Przykład 3: Poczekaj 2 sekundy za pomocą słów kluczowych „Async” i

Poniższy kod jest przenoszony, aby poczekać, aż obietnice zostaną rozwiązane za pomocą Async I czekać na słowa kluczowe.

konsola.log („obiecuje się rozwiązać”);
Funkcja async Wait_Tim ()
Niech P2 = czekaj na obietnicę;
konsola.log (p2);

Niech obietnica = nowa obietnica (RESPORVE =>
settimeout (() => RESPOIDE („JavaScript”), 2000);
);
Wait_tim ();

Wyjaśnienie kodu jest następujące:

• Po pierwsze, Wait_tim () Metoda jest zdefiniowana za pomocą „Async” Słowo kluczowe, które zwraca obietnicę.
• Ponadto czekać na Słowo kluczowe jest zatrudnione, aby czekać na obietnicę i przechowywać ją w "tekst" zmienny.
• Potem "Obietnica" Konstruktor nazywany jest nowy Słowo kluczowe, które oddzwoni rozstrzygać metoda.
• W tej metodzie settimeout () Metoda jest wykorzystywana przez przekazanie ciągu „JavaScript” I „2000” milisekund.
• W końcu „Wait_tim ()” Metoda jest wywoływana do oczekiwania "2 sekundy" Aby rozwiązać obietnicę.

Wyjście

Wyjście pokazuje, że komunikat „JavaScript” czeka na 2 sekundy przed wydrukowaniem na konsoli.

Wniosek

JavaScript zapewnia Obietnica.rozstrzygać() Metoda oczekiwania na obietnice i zwraca obiekt obietnicy, który jest rozwiązany, podając daną wartość. W tym artykule wyjaśniono funkcjonowanie obiektu obietnicy wraz z składnią. Metoda jest przydatna do kontrolowania przepływu zdarzeń asynchronicznych, w których wywoływane są zdarzenia równoległe. Ponadto zapewniono wiele przykładów, aby czekać na obietnicę, stosując settimeout () metoda.