querendo muito tirar uma dúvida galera. quem soube, por favor mais e coisa de doido

depois de várias tentativas de acerta o código devido a mensagem de erros da seguinte forma.

 Uncaught ReferenceError: View is not defined
    at NegociacoesView.js:1
MensagemView.js:1 Uncaught ReferenceError: View is not defined
    at MensagemView.js:1
NegociacaoController.js:11 Uncaught ReferenceError: NegociacoesView is not defined
    at new NegociacaoController (NegociacaoController.js:11)
    at index.html:58

procurando mais não achando o que estava errado, olhando linha por linha de codigo e não achava.

quando mudei a ordem do meu index.html dos scripts mudei de:

 <script src="js/app/models/Negociacao.js"></script>
    <script src="js/app/controllers/NegociacaoController.js"></script>
    <script src="js/app/helpers/DateHelper.js"></script>
    <script src="js/app/models/ListaNegociacoes.js"></script>
    <script src="js/app/views/NegociacoesView.js"></script>
    <script src="js/app/models/Mensagem.js"></script>
    <script src="js/app/views/MensagemView.js"></script>
    <script src="js/app/views/View.js"></script>
    <script>
        let negociacaoController = new NegociacaoController();
    </script> 

para:

 <script src="js/app/models/Negociacao.js"></script>
<script src="js/app/controllers/NegociacaoController.js"></script>
<script src="js/app/helpers/DateHelper.js"></script>
<script src="js/app/models/ListaNegociacoes.js"></script>
<script src="js/app/views/View.js"></script>
<script src="js/app/views/NegociacoesView.js"></script>
<script src="js/app/models/Mensagem.js"></script>
<script src="js/app/views/MensagemView.js"></script>
<script>
    let negociacaoController = new NegociacaoController();
</script>

tudo funcionou. Agora não sei o porque funcionou, não foi ensinado neste curso e nem outro que fiz. alguem pode me explicar disto???????