Фундаментальное отличие async await в python и javascript?

Question

[stan288]

В python когда в asyncio запускаем таски, например эвейтим запрос в бд, пока этот запрос обрабатывается на сервере и идет ответ от него, python выполняет другие задачи чтобы не "спать" все это время. В javascript наоборот когда делаем эвейт, код дожидается выполнения текущей асинхронной функции и не идет дальше. Т.е асинхронность там и там, это совершенно разная асинхронность?

Поправьте меня, если я что-то не так написал. Пытаюсь разобраться в этом вопросе, прочитал много статей, пишу код и не могу понять что я упустил

Comments

[Модератор]

Не надо лепить как можно больше тэгов.
См.п.3.1 Регламента. Также обратите внимание на п.3.4

[stan288]

Модератор, я выбрал 3 тэга, которые соответствуют содержанию, а не лепил все подряд как вы написали

[Модератор]

stan288, см.п.3.1, 8.1, 8.2 Регламента.

[WbICHA]

В javascript наоборот когда делаем эвейт, код дожидается выполнения текущей асинхронной функции и не идет дальше.

Ты как раз описал поведение синхронного кода.

Answer 1

[Leo Mavrin]

Если не использовать await, сразу после вызывоа функции, то она попадет в event loop. Но не все операции могут быть по настоящему асинхронными. На картинке хорошо отображено, то как это работает:

Если например, это работа с сетью и сразу же не ожидать ответ, то код продолжит выполнение до того момента, пока данные не нужны будет, а получение данных по сети будет асинхронным

const data = fetch('http://exmapl.ecom');
// ... - какой-то код
await data()

Answer 2

[Vindicar]

Разницы нет, в том числе в твоём описании.
Текущая корутина при await-вызове приостанавливается, её состояние сохраняется.
При этом реактор может заниматься другими вещами (в частности, выполнением await-вызова).
Когда await-вызов завершиться, состояние корутины будет восстановлено, и она продолжит выполнение.

Comments

[stan288]

Поведение без async в js на скрине, в python противоположное. Вот читаю, пишут в js все выполняется последовательно, как в питоне. Почему тогда сначала вывело в консоль код со второй функции, потом с третьей и в конце с первой? В питоне такого же поведения можно добиться только через async await

[Vindicar]

stan288, а что не так? Всё логично.
Функция f1() планирует выполнение асинхронное операции и указывает, что делать по её окончанию. Она НЕ стоит и ждёт выполнения этой операции - только указывает callback, который нужно вызвать, когда в будущем операция выполнится.
Дальше идёт выполнение f2() и f3(), это обычные синхронные функции.
А потом, спустя какое-то время, завершается работа операции, созданной через fetch(), и отрабатывает callback, который мы указали.

Т.е. ещё раз: fetch() отрабатывает сразу (но только планирует выполнение сетевой операции). then() отрабатывает сразу (но только планирует выполнение переданного ему callback по завершению операции).
Сама операция отрабатывает тогда, когда сможет. До тех пор может выполниться какой-нибудь другой код.
Callback отрабатывает тогда, когда операция выполнится.

[stan288]

Vindicar, то есть промисы асинхронные по своей сути? Сейчас прочитал что async в js это обёртка над промисами, под капотом это все те же промисы.. Теперь все стало на свои места. Спасибо

[DollyPapper]

stan288, любой async возвращает промис, а await в свою очередь ждет когда промис будет в состоянии fullfiled

Answer 3

[DollyPapper]

Не могу сказать за Python, но не уверен, что вы правильно понимаете его механизм await. Сомневаюсь, что он продолжает выполнять текущий исполняемый поток после await, т.к. это нарушит исполение кода.
Про JS могу сказать, что вы видимо не до конца понимаете какой код будет исполнен действительно асинхронно, а какой последовательно (т.е. блокируя основной поток).

const axios = require('axios')

async function doReq1(){
    const res = await axios.get('http://localhost:12000?id=1')
    return res
}

async function main(){
    doReq1().then((data) => {
        console.log(data.data)
        console.log("After req")
    });
    console.log("Before req")
}
main()

Данный код выведет 1) Before req 2) Hello 1! 3) After req
Т.е. AfterReq будет исполнен после того как асинхронная операция получит результат, т.е. подождет (await) результата.
Аналогичный код с await

const axios = require('axios')

async function doReq1(){
    const res = await axios.get('http://localhost:12000?id=1')
    return res
}

async function main(){
    console.log("Before req")
    let res = await doReq1()
    console.log(res.data)
    console.log('After req')
}

main()

Comments

[stan288]

А во втором примере не нужно во второй корутине эвейтить console.log(res.data)?
Оно же не сразу получает данные, т.к идёт запрос на сервер, а мы пытаемся вывести res.data. Я в другом примере аналогичный код видел делают await fetch, потом await data.json(). Тут по аналогии тоже эвейт должен быть, или нет?

Или когда первый эвейт в корутине, он выходит из функции и не продолжает код дальше конкретной в этой функции, выполняет другие задачи?

И ещё вопрос, если внутри функции просим, ее обязательно делать async? Спасибо за ваш ответ

[DollyPapper]

stan288,

1. Нет, во втором примере не нужно еще раз делать await. Первый await как раз и нужен для того, чтобы дождаться данных из await doReq1(). Если сравнить первый пример и второй, то console.log(res.data) будет исполнен как будто бы в then блоке, т.е. после того как Promise примет состояние fullfiled. Т.е. нужно понимать,что await блокирует дальнейшее исполнение. Если вам в main не нужно блокировать основной поток исполнения, то тогда нужно перенести обработку данных из doReq1 в саму эту функцию, как на примере ниже.
   
2. Согласно пункту 1 - нет, функция не сделает return пока не будет разрешен промис который вернет запрос axios, поскольку мы там указали await. Без await функция вернула бы результат которым оказался бы не разрешенный промис и данные мы бы не успели вывести
   
3. Обязательно. Любая функция делающая await должна иметь async, иначе код даже не запустится.
   

Пример без блокировки main

const axios = require('axios')

async function doReq1(){
    const res = await axios.get('http://localhost:12000?id=1')
    console.log(res.data)
}

async function main(){
    console.log("Before req")
    doReq1()
    console.log('After req')
}

main()

Резюмируя: вам нужно понять, что действительно асинхронно в данном случае исполняется сам запрос внутри axios (он там построен на FatchAPI или XMLHttpRequest, точно не знаю, т.е. API среды исполнения, которая реально в отдельном потоке запустит сетевой запрос). Ваш же код будет исполнен синхронно, только результат из промиса который вернет axios будет исполненин очередью задач после того, как call stack окажется пустым. Рекомендую вам, чтобы это понять попробовать реализовать неблокирующее итерирование через for await, после того как я это сделал ко мне как раз пришло понимание как асинхронность работает.