ALGUÉM ME EXPLICA,PF

Nesse primeiro código, o resultado mostra corretamente aquilo que tem que ser feito , que , no caso , é a média das idades

<meta charset="UTF-8">

<script>

  function pulaLinha(){

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



    var ano = 2022;

         document.write('Lucas tem ' , (ano - 1999) , ' anos' , );

         pulaLinha();

         document.write('Katharine tem ' , (ano - 2001) , ' anos' ); 

         pulaLinha();

        ano = 2020

         document.write('Jubileu tem ' , (ano - 2000) , ' anos'); 

         var idadeLucas = 23;
         var idadeKhatarine =21;
         var idadeJubileu = 20;
         media = ( idadeJubileu + idadeKhatarine + idadeKhatarine)/3;

         pulaLinha()

         document.write('A média das idades é ' , Math.round(media));



</script>

Nesse segundo código eu acrescendo a segunda função para trocar o " docment.write" pela variável FRASE dentro da função MOSTRA O problema é que na hora do teste, ele só me mostrou as strings, ignorando todas as variáveis. Depois de muito tempo, resolvi trocar a vírgula pelo sinal de + na concatenação e deu certo.

<meta charset="UTF-8">

<script>

  function pulaLinha(){

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


  function mostra(frase){


         document.write(frase)
  }

    var ano = 2022;

         mostra('Lucas tem ' , (ano - 1999) , ' anos' , );

         pulaLinha();

         mostra('Katharine tem ' , (ano - 2001) , ' anos' ); 

         pulaLinha();

        ano = 2020

         mostra('Jubileu tem ' , (ano - 2000) , ' anos'); 

         var idadeLucas = 23;
         var idadeKhatarine =21;
         var idadeJubileu = 20;
         media = ( idadeJubileu + idadeKhatarine + idadeKhatarine)/3;

         pulaLinha()

         mostra('A média das idades é ' , Math.round(media));



</script>

Quando troquei a virgula, deu certo, sendo que no primeiro código acima, sem a segunda função e com a virgula, estava dando certo. Queria saber o porque. Sei essa parte de concatenar com a vírgula não entra na questão. Mas eu fui fuçando e procurando algo a mais, então criou essa questão ( segue o código correto)

<meta charset="UTF-8">

<script>

  function pulaLinha(){

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


  function mostra(frase){


         document.write(frase)
  }

    var ano = 2022;

         mostra('Lucas tem ' + (ano - 1999) + ' anos' , );

         pulaLinha();

         mostra('Katharine tem ' + (ano - 2001) + ' anos' ); 

         pulaLinha();

        ano = 2020

         mostra('Jubileu tem ' + (ano - 2000) + ' anos'); 

         var idadeLucas = 23;
         var idadeKhatarine =21;
         var idadeJubileu = 20;
         media = ( idadeJubileu + idadeKhatarine + idadeKhatarine)/3;

         pulaLinha()

         mostra('A média das idades é ' + Math.round(media));



</script>