Obietnice w są zasadniczo używane do obsługi operacji asynchronicznych. Obietnica to obiekt, który może w przyszłości dawać jedną wartość: rozstrzygniętą wartość lub błąd.
Poniższe wskazówki zostaną omówione w tym artykule,
- Znaczenie
- Rodzaje stanów
- Tworzenie obietnic
- Przykład 1 dotyczący tworzenia obietnic
- Przykład 2 tworzenia obietnic
- Przykład 3 dotyczący tworzenia obietnic
- Consumers in Promises in then ()
- Przykład rozwiązania Obietnicy
- Przykład odrzucenia obietnicy
- Consumers of Promises catch ()
- Przykład 1 dla konsumentów obietnic
- Przykład 2 dla konsumentów obietnic
- Przykład 3 dla konsumentów obietnic
Zacznijmy od tego artykułu o Obietnicach w JavaScript
Znaczenie:
Obietnice przydają się, gdy trzeba obsłużyć wiele operacji asynchronicznych. Zanim obietnice zostały wprowadzone w JavaScript, do obsługi operacji asynchronicznych używane były zdarzenia i funkcje zwrotne. Ponieważ zdarzenia są mało przydatne w przypadku operacji asynchronicznych, nie są preferowane. Przechodząc do wywołania zwrotnego, używanie ich w wielokrotnościach stworzyłoby taki bałagan, że każdemu byłoby bardzo trudno zrozumieć kod.
Dlatego obietnice są pierwszym wyborem każdego programisty do obsługi operacji asynchronicznych w najprostszy sposób. Mają zaawansowane funkcje, które ułatwiają obsługę operacji niż wywołania zwrotne i zdarzenia.
- Promises sprawia, że kod jest czytelny, co oznacza, że może być edytowany przez programistów również na późniejszym etapie rozwoju.
- Operacje asynchroniczne są lepiej obsługiwane w porównaniu z wywołaniami zwrotnymi i zdarzeniami.
- Ważną cechą jest również zaawansowana obsługa błędów.
- Znacznie lepszy przepływ definicji sterowania w trybie asynchronicznym.
Kontynuując ten artykuł o Obietnicach w JavaScript
Rodzaj stanów:
Spełniony: Związane z tymi obietnicami, które się spełniły.
Odrzucony: Związane z tymi obietnicami, które są odrzucane.
W oczekiwaniu: Dotyczy tych obietnic, które są w toku, tj. Nie zostały odrzucone ani przyjęte.
Osiadły: Związane z tymi obietnicami, które są spełniane lub odrzucane.
Kontynuując ten artykuł o Obietnicach w JavaScript
Tworzenie obietnic
Obietnica jest tworzona za pomocą konstruktora obietnicy.
Składnia:
var promise = new Promise (function (rozwiązać, odrzucić) {// zrób coś tutaj}) Parametry:
Konstruktor Promise przyjmuje jeden argument, funkcję zwrotną. W funkcji wywołania zwrotnego są dwa argumenty: rozwiąż lub odrzuć. Operacje są wykonywane wewnątrz funkcji wywołania zwrotnego, jeśli wszystko poszło dobrze, połączenie zostaje rozwiązane, w przeciwnym razie połączenie zostanie odrzucone.
Kontynuując ten artykuł o Obietnicach w JavaScript
Przykład 1:
var promise = new Promise (function (rozwiązać, odrzucić) {/ * deklarowanie i definiowanie dwóch zmiennych typu danych const o tej samej zawartości. * / const a = 'Witam! Nazywam się Yash i interesuję się informatyką.' const b = 'Witam! Nazywam się Yash i interesuję się informatyką.' // sprawdzanie, czy obie treści przechowywane w zmiennych są takie same, czy nie if (a === b) {// wywołanie metody resolve () } else {// wywołanie odrzucenia odrzucenia ()}}) obietnicy. then (function () {console.log ('Obietnica rozwiązana !!')}). catch (function () {console.log ('Promise Rejected !!')}) Wynik:
Kontynuując ten artykuł o Obietnicach w JavaScript
Przykład 2:
var obietnica = nowa obietnica (function (rozwiąż, odrzuć) {// inicjalizacja dwóch zmiennych z wartościami całkowitymi const x = 11 + 2 const y = 26/2 // sprawdzenie, czy obie zmienne są równe czy nie if (x === y ) {// wywołanie resellr resell ()} else {// wywołanie odrzucenia odrzucenia ()}}) obietnicy. then (function () {console.log ('Obietnica rozwiązana !!')}). catch (function () {console.log ('Obietnica została odrzucona !!')}) Wynik:
Kontynuując ten artykuł o Obietnicach w JavaScript
jak porównać dwa ciągi
Przykład 3:
var obietnica = nowa obietnica (function (rozwiąż, odrzuć) {const i = 'Witaj' const a = 'Świat' // wykonanie dodania dwóch zmiennych w celu przechowywania wartości w innej zmiennej const j = i + a if ((i + a ) === j) {// wywołanie resellr resell ()} else {// wywołanie odrzucenia odrzucenia ()}}) obietnicy. then (function () {console.log ('Obietnica rozwiązana !!')}). catch (function () {console.log ('Obietnica została odrzucona !!')}) Wynik:
Kontynuując ten artykuł o Obietnicach w JavaScript
Konsumenci w obietnicach
Istnieją dwie funkcje rejestrujące:
następnie()
Kiedy obietnica zostanie rozwiązana lub odrzucona, wywoływana jest ().
Parametry:
- Jeśli obietnica zostanie rozwiązana, wykonywana jest pierwsza funkcja i otrzymywany jest wynik.
- Jeśli obietnica zostanie odrzucona, wykonywana jest druga funkcja, a na ekranie wyświetlany jest błąd.
Składnia:
.then (function (result) {// obsługa sukcesu}, function (błąd) {// obsługa błędu})Kontynuując ten artykuł o Obietnicach w JavaScript
Przykład
Kiedy obietnica zostanie spełniona
// rozwiązanie obietnicy var obietnica = nowa obietnica (funkcja (rozwiąż, odrzuć) {rozwiąż ('Tutaj napisano wiadomość o sukcesie!')}) obietnica .then (function (successMessageishere) {// wywoływana jest funkcja obsługi sukcesu console.log (successMessageishere)}, function (errorMessageishere) {console.log (errorMessageishere)}) Wynik:
Kontynuując ten artykuł o Obietnicach w JavaScript
Kiedy obietnica zostaje odrzucona
// Odrzucenie obietnicy var obietnica = nowa obietnica (function (rozwiąż, odrzuć) {odrzuc ('Tutaj napisano wiadomość o odrzuceniu!')}) Obietnica .then (function (successMessage) {console.log (successMessage)}, function ( errorMessage) {// funkcja obsługi błędu jest wywoływana console.log (errorMessage)}) Wynik:
Kontynuując ten artykuł o Obietnicach w JavaScript
Łapać ( )
Zawsze, gdy wystąpi jakiś błąd lub obietnica zostanie odrzucona w czasie wykonywania, wywoływana jest funkcja catch ().
Parametry:
- Tylko jedna funkcja jest przekazywana jako parametr w metodzie catch ().
- Ta funkcja została stworzona do obsługi błędów lub obietnic odrzucenia.
Składnia:
.catch (function (error) {// błąd obsługi})Kontynuując ten artykuł o Obietnicach w JavaScript
Przykład 1:
var obietnica = nowa obietnica (function (rozwiąż, odrzuć) {odrzuc ('Obietnica jest odrzucona')}) obietnica .then (funkcja (sukces) {console.log (sukces)}) .catch (function (błąd) {// wywoływana jest funkcja obsługi błędów console.log (błąd)}) Wynik:
Kontynuując ten artykuł o Obietnicach w JavaScript
Przykład 2:
var obietnica = nowa obietnica (function (rozwiąż, odrzuć) {// komunikat o błędzie wyrzuć nowy błąd ('Wystąpił jakiś błąd!')}) obietnica .then (funkcja (sukces) {console.log (sukces)}) .catch (funkcja (błąd) {// wywoływana jest funkcja obsługi błędu console.log (błąd)}) Wynik:
Kontynuując ten artykuł o Obietnicach w JavaScript
Przykład 3:
var obietnica = nowa obietnica (funkcja (rozwiąż, odrzuć) {// komunikat o błędzie można edytować tutaj zgłoś nowy błąd („wystąpił jakiś błąd!”)}) obietnica .then (funkcja (Thissuccess) {console.log (Thissuccess)} ) .catch (function (Thiserror) {// wywołała funkcję obsługi błędu console.log (Thiserror)}) Wynik:
Podanie:
1. Obsługa zdarzeń asynchronicznych.
2. Obsługa asynchronicznych żądań http.
W ten sposób dotarliśmy do końca artykułu „Obietnice w JavaScript”. Jeśli chcesz dowiedzieć się więcej, zapoznaj się z autorstwa Edureka, zaufanej firmy zajmującej się edukacją online. Szkolenie i certyfikacja J2EE i SOA firmy Edureka ma na celu przeszkolenie zarówno podstawowych, jak i zaawansowanych koncepcji języka Java, a także różnych struktur Java, takich jak Hibernate i Spring.
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy na tym blogu, a skontaktujemy się z Tobą tak szybko, jak to możliwe.