Olá, Francie!
Que ótimo que você está explorando e experimentando com o código, isso é uma parte muito importante do aprendizado!
Em JavaScript, a ordem em que você coloca a função e a chamada da função pode não importar devido a um recurso chamado "hoisting". O hoisting é um comportamento do JavaScript que move as declarações de funções e variáveis para o topo do seu código antes de ser executado. Isso significa que você pode chamar uma função antes mesmo de declará-la no seu código, como você fez no exemplo que compartilhou, mas isso é uma peculiadade de algumas linguagens e JS é uma delas.
Em termos de "boas práticas", geralmente é mais legível e menos propenso a erros declarar todas as suas funções no início do seu código, e depois fazer todas as suas chamadas de função. Isso torna mais fácil para outras pessoas (ou para você mesmo no futuro) entenderem o que seu código está fazendo.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!