Как правильно реализовать подобную функцию?

Question

[MrLumuss]

async function asyncFunctions(){
    let x = await f1();
    let y = await f2();
    console.log(x, y);
}

async function f1(){
    console.log("f1");
    return "f1";
}

async function f2(){
    console.log("f2")
    return "f2";
}

asyncFunctions()

Такой код вызовет функцию f2 только после завершения функции f1 (обе функции - длительные и асинхронные, например, запросы к API). Перепишите код, чтобы функция f2 запускалась до завершения f1, но последующий вывод в консоль всё равно дожидался завершения обоих

Answer 1

[Inviz Custos]

async function asyncFunctions(){
    const [x, y] = await Promise.all([f1(), f2()]);
    console.log(x, y);
}

async function f1(){
    console.log("f1");
    return "f1";
}

async function f2(){
    console.log("f2")
    return "f2";
}

asyncFunctions().catch(console.error);

Comments

[MrLumuss]

console.log все равно не дожидается выполнения первой функции(

[Inviz Custos]

MrLumuss, у вас фигня написана.
setTimeout не возвращает промис

[Inviz Custos]

MrLumuss,

async function f1(){
    await new Promise(resolve => setTimeout(resolve, 1000));
    console.log("f1");
    return "f1";
}

[MrLumuss]

Inviz Custos, Разобрался, спасибо большое. Все сработало как надо. Голова не варит уже.