ES2017 представил JavaScript async/watiate, которая является оберткой вокруг обещаний. Async/await используется для использования API на основе перспективных, основанных на обещаниях современным и простым способом.

Что же ждет асинхрон в JavaScript??

Обзор

Мы рассмотрели JavaScript обещания В нашем предыдущем сообщении в блоге, и вы должны посетить, если хотите получить четкое представление о концепции, стоящей за обещаниями JavaScript. В этой серии JavaScript Tutorials мы здесь с другим руководством JavaScript, которое продемонстрирует современные функции JavaScript async/ждать. Этот пост в блоге предназначен для тех, кто предварительно знает обещаний JavaScript. Кроме того, мы постараемся охватить , что является асинхронным/ждать в JavaScript , и когда нам нужно использовать Async/ждать. Кроме того, мы также рассмотрим ошибки обработки с помощью Async/ждать. Итак, тщательно прочитайте этот JavaScript Async/Await Luctile , чтобы отметить эту концепцию проверенной. Мы рассмотрим следующие разделы в этом учебном пособии с javaScript Async:

Что является асинхронным/ждать в JavaScript | Асинхрон ожидает синтаксис

Ecmascript 2017 выпустил новые функции JavaScript, а Async/wait является одним из наиболее широко используемых среди этих функций. Async/await строится на вершине обещаний и на самом деле является современным способом выполнения обещаний JavaScript. Давайте посмотрим, как использовать Async/Await Ключевые слова в коде 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.
})

Что ж, ключевое слово Async в начале функции подразумевает, что эта функция вернет обещание. Таким образом, ожидается, что ключевое слово всегда используется внутри тела асинхронной функции, чтобы приостановить выполнение функции до тех пор, пока обещание не решится. Здесь важно отметить, что вы не можете использовать ключевое слово ожидания в теле регулярной функции. Тем не менее, вы можете использовать ожидание только с асинхронными функциями, объявленными с помощью Async Keyword.

Когда использовать Async/ждать?

До сих пор у вас есть ответ на того, что такое асинхронное, ждет в JavaScript . Поскольку это всего лишь обертка вокруг традиционных обещаний JavaScript, так что вы лучше используете этот новый способ создания и обработки обещаний более чистым и читаемым способом. Кроме того, вы можете избавиться от множества обещаний. Then () вызовы с использованием Async/await, что в конечном итоге делает исходный код более управляемым и поддерживаемым. Ключевое слово wwait инкапсулирует оператор .Then () в одну строку.

Обработка ошибок с асинхронным/ждать

Обработка ошибок является критической задачей, когда дело доходит до разработки программного обеспечения на уровне предприятия. Есть несколько способов улавливать ошибки в подходе Async/Await.

Попробуйте поймать Async ждать javaScript

Попробуйте поймать Async Wait JavaScript : ничего нового с этим подходом обработки ошибок. Тем не менее, вы можете использовать блок Try/Catch внутри асинхронной функции, как показано в фрагменте кода ниже:

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..
  }
 
}

Используя блок Try/Catch, вы можете поймать исключения внутри тела асинхронной функции. Принимая во внимание, что существует еще один подход к обработке ошибок, в которых вы можете добавить блок .catch () в конце вызова функции. Поскольку Async/await возвращает обещание, вы поймете ошибки в блоке .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 
}

Заключение

Мы заканчиваем этот javascript async wwait way await turniory . Надеюсь, у вас лучшее понимание того, что такое асинхронное, ждет в JavaScript . Кроме того, мы прошли через JavaScript Async Wawit Syntax, который делает исходный код менее сложным. Эта функция JavaScript широко используется из -за его богатого использования и производительности. В ближайшие дни мы будем писать дальше на функции и концепции JavaScript, чтобы вы могли получить сильную команду по концепциям JS. Более того, есть некоторые другие интересные статьи, упомянутые в разделе «См. Также».

Связаться с нами

Наконец, cantainerize.com предлагает текущие учебные пособия JavaScript по различным захватывающим темам. Вы можете оставаться в курсе, следуя нам на наших социальных сетях, включая Facebook, LinkedIn и Twitter.

Задайте вопрос

Вы можете сообщить нам о ваших вопросах или вопросах на нашем форуме.

FAQS

Чего оживает асинхрон в JavaScript с примером? Вы можете посетить эту ссылку, чтобы понять концепцию Async Wait. Что такое асинхронное ожидание против обещания?

  • Async/wait делает исходный код более ясным и читабельным по сравнению с обещаниями, в которых цепочка обещаний может сделать исходный код беспорядком.
  • Обработка ошибок довольно похожа в обоих подходах.
  • Отладка менее сложна в ожидании асинхронности.
  • Обещания поддерживают такие состояния, как ожидание, разрешение или отвергнутое. Принимая во внимание, что Async/await либо разрешен, либо отвергается.

Смотрите также