type module

Oi Fellipe, tudo bem?

Desculpe a demora em retornar.

Quando declaramos uma tag <script> você pode utilizar o type="module" ou também pode não fazer essa classificação, que é conceituado o type common, a diferença é que quando utilizamos type="module" conseguimos fazer exportações e importações entre arquivos, como por exemplo exportar uma função de um arquivo para outro.

Em linhas gerais, o type="module" diz para aos navegadores que o arquivo JavaScript é um módulo, ele continua sendo um script, só que é possível importar e exportar partes de código e essa importação e/ou exportação é função do próprio navegador.

O conceito de modularidade é basicamente “esconder” detalhes de implementação das partes que compõem uma aplicação, assim organizando e separando melhor o código. Qual o objetivo de modularizar o código? modularizando permitem que aplicações maiores sejam montadas de forma articuladas ou seja, através de várias partes independentes.

Vou deixar aqui dois artigos muito bons para te ajudar:

• Como funciona o import e export do JavaScript?;
• Um guia para importação e exportação de módulos com JavaScript

Um abraço e bons estudos.