Асинхронное ожидание странного поведения с функциями

Глядя на комментарии

@HMR - хм... Я не понимаю - в примере вопроса есть асинхронная функция someWrapper(), но эта функция ничего не возвращает (у нее даже нет оператора return (!) ) - можете ли вы объяснить, что вы имеете в виду от async functions immediately return a promise? - Камиль Кельчевски

кажется, вы не понимаете асинхронное ожидание. Обычно я советую людям перестать ждать, пока вы не поймете обещания. Однако в следующем комментарии под вопросом я даю вам ответ:

someWrapper немедленно вернет обещание, которое разрешается в undefined. Ожидание только «ожидает» в функции someWrapper, но функция, вызывающая someWrapper, немедленно получит обещание, которое разрешается в undefined. Функции всегда что-то возвращают, если вы этого не сделаете в коде, он вернет undefined. Если это асинхронная функция без возврата, она вернет обещание, которое разрешается в undefined — HMR.

Await — это синтаксический сахар (красивее выглядящий код) для промисов и на самом деле ничего не ждет.

Возможно, следующий код проясняет ситуацию:

var test = async () => {
   await 22;//doesn't even matter if value is promise
   console.log("after wait");
}
var result = test();
console.log("outside test we don't wait for anything",result);

Если вы не понимаете, почему вывод этого кода:

вне теста мы ничего не ждем Promise {‹ pending >}

после ожидания

Тогда я бы посоветовал вам использовать только обещания, пока вы этого не сделаете.

тест2:

ваш test2 не является асинхронным, пока вы не сделаете его асинхронным. Вы написали синхронный код внутри test2. Это console.log. Только асинхронный код внутри test2 является вызовом promise. Давайте разберем его.

async function test2() {
    for(let i=0; i<5; i++) {
        someWrapper(i);                
    }    
}

приведенный выше код запускает someWrapper() 5 раз подряд, поэтому он записывает первый код sync, который console.log('A'+i) 5 раз подряд в строке в консоли.

затем каждый someWrapper() ожидает возврата async обещания параллельно. После того, как каждое обещание разрешено, он печатает «Внутреннее обещание». пока обещание не будет разрешено, выполнение останавливается и невозможно перейти к следующему шагу

затем, после разрешения промиса, он выводит второй код sync, который в консоли console.log('B'+i)

тест1:

test1 будет вести себя иначе, чем test2. Давайте разберем его.

async function test1() {
    for(let i=0; i<5; i++) {
        // body copy-pasted of someWrapper function:
        console.log('A: '+ i);
        await getSomePromise();
        console.log('B: ' + i);
    }    
}

главное отличие в том, что вы awaiting inside for loop. Таким образом, это будет буквально pause loop, чего не было в случае с test1.

поэтому для каждой итерации он будет печатать console.log('A'+i)

затем приостановите итерацию для await getSomePromise()

когда обещание вернется, будет напечатано «Внутреннее обещание»

затем напечатайте console.log('B'+i)

затем продолжите следующую итерацию.