Learning Hub Logo
JavaScript
  • Introdução ao JavaScript
  • Como adicionar JavaScript ao HTML
  • Saída de Dados
  • Variáveis
  • Tipos de Dados
  • Operadores
  • Operadores de Comparação e Lógicos
  • Condicionais
  • Switch
  • Loop: for
  • Loop: while e do...while
  • Break e Continue
  • Funções
  • Arrow Functions
  • Escopo
  • Arrays
  • Métodos de Array
  • Objetos
  • Métodos de Objeto
  • Strings
  • Métodos de String
  • Números
  • Math
  • Datas
  • Introdução ao DOM
  • Selecionando Elementos
  • Alterando HTML e CSS com JavaScript
  • Eventos
  • Callbacks
  • Promises
  • Async/Await
  • Fetch API
  • JSON
  • Tratamento de Erros
  • Módulos
  • LocalStorage e SessionStorage

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
JavaScriptMódulos
1 min de leitura

Módulos

Como organizar o código em módulos usando import e export no JavaScript

Módulos

Módulos permitem dividir o código em arquivos separados e importar apenas o que for necessário em cada parte do projeto. Isso facilita a organização e a reutilização.

export

Para disponibilizar algo de um arquivo, use export.

Carregando...

import

Para usar o que foi exportado em outro arquivo:

Carregando...

export default

Cada arquivo pode ter um export default, que representa o valor principal do módulo.

Carregando...

O import do default não usa chaves e pode receber qualquer nome:

Carregando...

Misturando default e named exports

Carregando...
Carregando...

Renomeando imports

Carregando...

Importando tudo de um módulo

Carregando...

Usando no HTML

Para que o navegador reconheça módulos, a tag <script> precisa do atributo type="module".

Carregando...

Com isso, o import e export funcionam nativamente no navegador sem precisar de ferramentas adicionais.

AnteriorTratamento de ErrosPróximo LocalStorage e SessionStorage