Alert(); dentro de uma função

Olá, Tudo bem?? Fiquei com uma dúvida, porque o alert dentro de uma função é executado todos de uma vez só? Tenho a impressão que ele deveria aparecer conforme o programa é executado, Mostra a frase da idade do Flávio e um alert, depois do OK, mostra a idade do Joaquim e um segundo alert, e assim por diante...

<meta charset="UTF-8">

<script>

    function pulaLinha(){

        document.write("<br><br><br>");
    }

    function mostra(frase){

        document.write(frase);
        pulaLinha();
        alert("Olá");
    }

    var ano = 2016;

      mostra("Flávio tem " + (ano - 1977) + " anos");

       mostra("Joaquim tem " + (ano - 1996) + " anos");

    ano = 2017;
    mostra("Barney tem " + (ano - 1976) + " anos");

</script>