Какая разница между await и Promise?

Question

[Ernest Faizullin]

Использование повсюду await это хорошая практика? Мой сотрудник говорит, что промис устаревшая тема, и я древний мамонт, а он модный и давно пора юзать везде await.

Но ведь это не удобно для поддержания кода. После await ничего не выполнить быстро. Уведомление допустим, или дописать что то в статистику.

Comments

[Ярослав Иванов]

await ждет выполнения промиса и не блокирует поток.

[WbICHA]

Какая разница между await и Promise?

Какая разница между парковкой и автомобилем?

[Ernest Faizullin]

WbICHA, плохая попытка

[Ernest Faizullin]

Ярослав Иванов, в документации написано что блокирует исполнение кода

[Ярослав Иванов]

Ernest Faizullin, где.

[WbICHA]

Ernest Faizullin, прочитал твои комменты под ответами... Ты под чем?

Answer 1

[Сергей Соколов]

Promise – сложная штуковина для асинхроты всякой, с кучей методов.
Зачем забивать себе голову, если можно зайти на QnA, задать вопрос и поджидать await готовый ответ.
В это время не сидеть-тупить в экран, а пойти чайку попить. Как появится ответ — продолжим дальше.

Comments

[Ernest Faizullin]

Жесть, тупо удобно. Хороший ответ на вопрос в чем разница.

[Ernest Faizullin]

Отмечу решением, тупо чтобы все видели ваш глупый ответ

[Ernest Faizullin]

Я пойду чайку попить, но дальше код не сработает. Ни уведомление послать, ничего, пока я чай не попью

[Сергей Соколов]

Ernest Faizullin, вы просто не умеете его заваривать ) Вот, к примеру, несколько «параллельных» задач:

const trololo = async () => {
  const results = await Promise.all([
    fetch(url1).then(d => d.json()),
    fetch(url2).then(d => d.json()),
    fetch(url3).then(d => d.json()),
  ]);
 
  console.log('я сделяль!', results);
}

trololo();

[Сергей Соколов]

setTimeout(() => console.log("Тем временем!.."), 2e3);
const tiktoker = async () => {
  const result = await new Promise(res => setTimeout(() => res("result"), 3000));
  console.log("Дождались:", result);
}
tiktoker();
console.log("Уведомления, йее");

Как думаете, что и в каком порядке выведет?

[Ernest Faizullin]

понятно, все повыеживались< Но никто не ответил на вопрос

[Сергей Соколов]

Ernest Faizullin, вы хоть откройте learn.javascript.ru/async, чтобы въехать в тему промисов (если ещё не), и там же про async..await, которые ничего нового не делают, только позволяют писать код с Promise не ступеньками, а как обычный код. Только внешне – но по сути он всё тот же асинхронный неблокирующий код, что и с промисами.

Answer 2

[Дмитрий Мединский]

Советую прочитать это, да и в общем уделить внимание ресурсу:
https://learn.javascript.ru/async

Comments

[Ernest Faizullin]

тут в коде заметил что один человек всюду использует await, и говорит что нет никакой разницы
неужели прямо таки нет никакой разницы?
Думаю что повсеместно это использовать это прямолинейно. Код тормозится, хотя мог выполнять ниже разные задачи которые не зависят от предыдущего метода

[Ernest Faizullin]

И ещё говорит что промис это старый стиль кода, так писали древние мамонты

[Ярослав Иванов]

Ernest Faizullin, что вы несёте

[Ernest Faizullin]

Ярослав Иванов, это не вам определенно я несу

Answer 3

[Дмитрий Беляев]

(async () => {
  const result = await {
    then(resolve) {
      console.log('Привет сахар');
      setTimeout(() => resolve(10), 3000);
    }
  };
  console.log('Ух ты, данные из таймера:', result);
})();

(async () => {
  try {
    await {
      then(_, reject) {
        console.log('Привет сахар');
        reject(new Error('Ошибочка'));
      }
    };
    console.log('Это никогда не выполнится');
  } catch (e) {
    console.log('Ух ты, эксепшн:', e);
  }
})();

console.log('Промисы никуда не делись?', (async () => {})() instanceof Promise)

Answer 4

[Денис Инешин]

Это классический пример синтаксического сахара. Чтобы можно было писать асинхронный код, который будет выглядеть как синхронный.

В JS за последние годы много такого появилось. Например классы.

Comments

[Ernest Faizullin]

Это только сахар и только, вы уверены? Await блокирует выполнение кода, в то время когда промис это как задание в очередь.

[wakenby]

Ernest Faizullin, Почему вы их вообще сравниваете? Их блин нельзя сравнивать!!!

[Ernest Faizullin]

wakenby, есть у моего сотрудника страсть, везде по делу и нет пишет await. И говорит это модно, а ты старик древний пошёл мимо

[Ярослав Иванов]

wakenby, что он пишет? Переведите

[Василий Банников]

Ernest Faizullin, Нет. async-await - это синтаксический сахар для цепочек then и catch. Оно в итоге превращается в промис.
Если вам не нужно дожидаться выполнения какого-то промиса, чтобы продолжить - не пишите await и всё.
И нет: await не будет стопорить весь сайт, дожидаясь пока промис выполнится.

[Вадим]

Ernest Faizullin, Да, это сахар и только. Но сахар этот не простой, а сложносоставной. Он не только из промисов состоит. Там ещё щепотка генераторов.

[Денис Инешин]

Ernest Faizullin, кто вам такое сказал про "блокирует выполнение"? await существует только в асинхронной функции имеющей async. Это как промис не вызывает then пока не выполнится условие.

Answer 5

[Надим]

Лично для меня async / await стал буквально спасением, мой код стал в разы короче и читабельнее с началом их использования, очень рекомендую. Если вы до сих пор этого не сделали, поздравляю, вы тратите в разы больше сил и времени там, где можно было все сделать быстро, качественно и понятно.