ES2017 Wprowadzono JavaScript Async/Awacie, który jest opakowaniem wokół obietnic. Asynchronizacja/oczekiwanie służy do konsumpcji API opartych na obietnicy w nowoczesny i najprostszy sposób.

Czego czeka async w JavaScript??

Przegląd

Omówiliśmy obietnice JavaScript w naszym poprzednim poście na blogu i musisz odwiedzić, jeśli chcesz uzyskać jasne zrozumienie koncepcji obietnic JavaScript. W tej serii samouczków JavaScript jesteśmy tutaj z innym przewodnikiem JavaScript, który zademonstruje nowoczesne cechy asynchronizacji/oczekiwania JavaScript. Ten post na blogu jest przeznaczony dla tych, którzy mają wcześniejszą wiedzę na temat obietnic JavaScript. Ponadto postaramy się pokryć Co to jest asynchronizacja/oczekiwanie w JavaScript i kiedy będziemy potrzebować asynchronizacji/oczekiwania. Ponadto będziemy również omawiać błędy obsługi asynchronizacji/oczekiwania. Dokładnie dokładnego przeczytania tego JavaScript Async/Okaj samouczek , aby zaznaczyć tę koncepcję sprawdzoną. Przejdziemy następujące sekcje w tym samouczku JavaScript Async:

Co to jest asynchronizacja/oczekiwanie w JavaScript | Async oczekuje na składnię

EcMascript 2017 wydało nowe funkcje JavaScript i Async/Ataita, jest jednym z najczęściej używanych wśród tych funkcji. Async/Akacie jest zbudowany na obietnice i jest w rzeczywistości nowoczesnym sposobem obsługi obietnic JavaScript. Zobaczmy, jak używać słów kluczowych async/oczekuj w kodzie JavaScript:

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().then(function(){
  console.log(data); // results printed.
})

Cóż, słowo kluczowe async na początku funkcji sugeruje, że ta funkcja zwróci obietnicę. Tak więc oczekiwaj słowo kluczowe jest zawsze używane wewnątrz ciała funkcji asynchronicznej, aby zatrzymać wykonywanie funkcji, dopóki obietnica nie zostanie rozwiązana. Ważną rzeczą, na którą należy zwrócić uwagę, jest to, że nie można użyć słowa kluczowego wewnątrz ciała regularnej funkcji. Możesz jednak użyć oczekiwania tylko z funkcjami asynchronicznymi zadeklarowanymi za pomocą słowa kluczowego asynchronizacji.

Kiedy korzystać z asynchronizacji/oczekiwać?

Do tej pory masz odpowiedź na Czego oczekuje async w JavaScript . Ponieważ jest to tylko opakowanie wokół tradycyjnych obietnic JavaScript, więc lepiej wykorzystaj ten nowy sposób tworzenia i obsługi obietnic w bardziej czystszy i czytelny sposób. Ponadto możesz pozbyć się wielu obietnic. Then () przy użyciu async/oczekiwanie, które ostatecznie sprawiają, że kod źródłowy jest łatwiejszy i możliwy do utrzymania. Czeka na słowo kluczowe zawiera instrukcję .ten () w jednym wierszu.

Obsługa błędów za pomocą asynchronizacji/oczekiwania

Obsługa błędów jest krytycznym zadaniem, jeśli chodzi o tworzenie oprogramowania na poziomie przedsiębiorstw. Istnieje wiele sposobów złapania błędów w podejściu asynchronizacji/oczekiwania.

Spróbuj Catch Async Okając JavaScript

Spróbuj Catch Async Oczekiwać JavaScript : Nic nowego w tym podejściu do obsługi błędów. Możesz jednak użyć bloku try/catch w funkcji asynchronicznej, jak pokazano w fragmencie kodu poniżej:

async function getValues() {
  try{
    let promise = new Promise(function(resolve, reject) {
     // processing.. 
    });

    let data = await promise; // waits until the promise fulfills
   
    return data;
  } catch(err){
    // you may handle errors the way you want..
  }
 
}

Za pomocą bloku Try/Catch możesz złapać wyjątki wewnątrz ciała funkcji asynchronizacji. Natomiast istnieje inne podejście do obsługi błędów, w którym można dołączyć blok .catch () na końcu wywołania funkcji. Ponieważ async/Oczekiwanie zwraca obietnicę, więc łapiesz błędy w bloku .catch ().

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().catch(err){
 // catch the errors 
}

Wniosek

Kończymy ten JavaScript Async Oczekuje się samouczka . Mam nadzieję, że lepiej rozumiesz Czego czeka asynchronizacja w JavaScript . Ponadto przeszliśmy przez JavaScript Async oczekując składni, która sprawia, że ​​kod źródłowy jest mniej złożony. Ta funkcja JavaScript jest szeroko stosowana ze względu na bogate wykorzystanie i wydajność. W nadchodzących dniach będziemy pisać dalej o funkcjach i koncepcjach JavaScript, abyś mógł uzyskać silne polecenie nad koncepcjami JS. Ponadto w sekcji „patrz także także” wymieniono inne interesujące artykuły.

Połącz się z nami

Na koniec Containerize.com oferuje trwające samouczki JavaScript na różne ekscytujące tematy. Możesz być na bieżąco, obserwując nas na naszych platformach mediów społecznościowych, w tym Facebook, LinkedIn i Twitter.

Zadać pytanie

Możesz poinformować nas o swoich pytaniach lub zapytaniach na naszym forum.

FAQ

Czego czeka async w JavaScript z przykładem? Możesz odwiedzić ten link, aby zrozumieć koncepcję asynchronizacji. Czym się czeka na async vs?

  • Async/oczekiwanie sprawia, że ​​kod źródłowy jest bardziej wyraźniejszy i czytelny w porównaniu z obietnicami, w których łączenie obietnic może sprawić, że kod źródłowy jest bałaganem.
  • Obsługa błędów jest dość podobna w obu podejściach.
  • Oczekiwanie jest mniej trudne w oczekiwaniu na asynchronizację.
  • Obietnice utrzymują stany, takie jak oczekujące, rozwiązane lub odrzucone. Natomiast async/oczekuj jest rozwiązany lub odrzucony.

Zobacz też