Почему последующий код выполняется в тоже время как и вызванная функция?

Question

[aleko2104]

Функция loadingScreen и последующий код выполняются в тоже самое время, а должный по очереди. Я только недавно начал js и вообще программирование и очень тяжело разобраться с этим. Я думаю, что это происходит из-за того что функция loadingScreen() async, но я её не могу сделать её не async, так как иначе функция sleep() не будет работать, а это единственный способ который останавливает скрипт полностью. Так вот как сделать так что бы код работал поочерёдно. Спасибо.

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function loadingScreen() {

    //Javascript code

    await sleep(1000);

}

function game() {

    loadingScreen();

    //код который должен выполняться только после окончания loadingScreen(), но выполняется в тоже время

}

Answer 1

[Islam Ibakaev]

сама функция loadingScreen() неявно возвращает промис, надо дождаться его выполнения

async function game() {
  await loadingScreen()
  console.log('screen is loaded!')
}

Comments

[aleko2104]

Тогда приходится делать функцию game тоже async, но в принципе работает, спасибо!

[Islam Ibakaev]

aleko2104:
ну да, ты прав) наличие await всегда требует async
пожалуйста!

[Islam Ibakaev]

aleko2104: исправил на всякий случай