Olá, Amanda!

A função mostra(), foi uma função já pré definida por nós, já document.write() é uma função já embutida no JavaScript. Para inserir textos no HTML, utilizamos o document.write(), veja que a função mostra() nas sua instruções utiliza document.write(). Nós a criamos para não ficarmos repetindo comandos.

<meta charset="UTF-8">

<script>
  function pulaLinha() {
      document.write('<br>'); // Utiliza document.write() para quebrar a linha.
      document.write('<br>'); // Quebra mais uma vez deixando um espaço
  }

   function mostra(frase) {
      document.write(frase); // Utiliza o document.write()
      pulaLinha(); // Chama pulaLinha() para quebrar duas linhas.
  }

  document.write('Texto com o método write()');
  document.write('Texto com o método write()');
  document.write('<br>'); // write() por padrão não tem nehuma quebra de linha.
  mostra('Texto com mostra()');
  mostra('Texto com mostra()');
  // Ao chamarmos mostra('Texto com mostra()') as seguintes instruções são executadas:
  // -> document.write('Texto com mostra()');
  // -> pulaLinha();

  // A função mostra chama pulaLinha(), e as seguintes instruções são executadas:
  // -> document.write('<br>');
  // -> document.write('<br>');

  /* Criamos essas funções pois estamos executando diversas vezes o mesmo código:
  -> document.write();
  -> document.write('<br>');
  -> document.write('<br>');
  mostra() apenas funciona porque a criamos, e a função dela já está definida. Perceba
  que todas as instruções de mostra(); possui document.write(), é a forma padrão de
  inserir textos no HTML, apenas criamos uma receita de bolo para automatizar esse
  processo de escrita.
</script>