Fala Andre, tudo bem?

O que acontece é que o próximo código após o for só será executado quando esse looping acabar, então, pelo motivo do seu código estar antes desse for, é aguardado esse looping acabar para executar a próxima linha de código.

Espero ter ajudado, bons estudos :D

Olá Mateus,

Eu removi o for que estava no ficheiro do service dos clientes relativo à lista de clientes.

const listaClientes = async () => {

    const response = await fetch("http://localhost:3000/profile");

    if(!response.ok) {
        throw new Error("Não foi possivel listar os clientes");      
    }     

    const clientes = await response.json();
    return clientes;
}

Mas mesmo assim não estou a perceber a sequencia de execução.

No meu main.js tenho:

(async () => {
    const clientes = await clienteService.listaClientes();
    console.log(clientes);
    console.log("Passo 2");
    criaLinhasPessoas(clientes);
    console.log("Users obtidos");

    const frutas = await listaFrutas();
    console.log(frutas);

})();

Na consola ao imprimir os ele não apresenta logo os resultados e também não os lista logo no ecra. Apenas quando são recuperadas as frutas é que aparece a informação dos clientes.

Neste caso eu apenas tenho um for no service de frutas:

export const listaFrutas = () => {

    const frutas = fetch("http://localhost:3000/frutas").then((response) => {
        return response.json();
    })

    for(let i = 0; i < 500000; i++) {
        for(let x = 0; x < 50000; x++) {

        }
    } 

    return frutas;
}

Obrigado