A organização dos seus arquivos depende do tipo do projeto, tamanho, módulos existentes, etc... Procure identificar se as suas funções javascripts podem ser agrupadas em diferentes arquivos, por exemplo:
Em um projeto você tem:
- Funções utilitárias para string, date e números.
- Funções de validação de dados
- Funções de processamento
Aí a sua estrutura pode ficar parecida com:
< seuProjeto
< js
< utils
< stringUtils.js
< numberUtils.js
< dateUtils.js
< validation
< ....js
< ....js
< process
< ....js
< ....js
Assim, agrupamos nossos arquivos em arquivos diferentes e em diretórios diferentes. O projeto ficou bem dividido e intuitivo. É só um exemplo de organização para você ter uma ideia de como montar a sua estrutura.
EDIT: Gerenciadores
Dependendo da estrutura do seu projeto, é indicado utilizar gerenciadores de arquivos para facilitar o seu trabalho. Em alguns projetos em que eu utilizo AngularJS
, eu costumo utilizar o RequireJS
. O RequireJS
gerencia todas as dependências dos arquivos .js importando eles quando necessário.
Leia a respeito dele aqui. Nesse link também fala a respeito de otimização.