Exportando com export
Parte da seção Programação Orientada a Objetos do Journey de JavaScript da Coddy — lição 8 de 56.
Ao organizar seu código JavaScript em vários arquivos, a palavra-chave export permite expor funções, variáveis e outros códigos para que possam ser usados em outros arquivos.
Vamos criar duas funções simples que queremos exportar:
File: math-utils.js
// Uma função que soma dois números
function add(a, b) {
return a + b;
}
// Uma função que multiplica dois números
function multiply(a, b) {
return a * b;
}
// Exporta as funções para que outros arquivos possam usá-las
export { add, multiply };Alternativamente, você pode usar a sintaxe de exportação inline:
Arquivo: math-utils.js
// Exporta funções diretamente
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}Desafio
FácilVocê tem dois arquivos <strong>main.js</strong> e <strong>weather-utils.js</strong>. Sua tarefa:
- Em
<strong>weather-utils.js</strong>: Adicione a palavra-chaveexportpara tornar a funçãogetWeatherMessagedisponível para outros arquivos - Em
<strong>main.js</strong>: Chame a função importadagetWeatherMessagecom a temperatura 15 e imprima o resultado usandoconsole.log
Folha de consulta
A palavra-chave export permite que você exponha funções, variáveis e outros códigos de um arquivo para que possam ser usados em outros arquivos.
Você pode exportar funções usando a instrução export no final do arquivo:
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
export { add, multiply };Alternativamente, você pode usar a sintaxe de exportação inline:
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}Experimente você mesmo
import { getWeatherMessage } from './weather-utils.js';
// TODO: Chame a função getWeatherMessage com a temperatura 15 e imprima o resultado usando console.logEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Programação Orientada a Objetos
1Objetos e a Palavra-chave this
Revisão Rápida: ObjetosAdicionando Métodos a ObjetosEntendendo a Palavra-chave thisFunções ConstrutorasA Palavra-chave newDesafio de Recapitulação7Herança e a palavra-chave extends
HerançaA relação "é um"A palavra-chave extendsO método super()Herdando propriedades e métodosDesafio de recapitulação10Polimorfismo
O que é Polimorfismo?Sobrescrevendo Métodos HerdadosUsando superDesafio de Recapitulação13Composição vs. Herança
A relação "tem um" vs. "é um"Os limites da herança profundaConstruindo objetos2Organizando o Código
O que são Módulos?Exportando com exportImportando com importExportações Default vs. Nomeadas5Encapsulamento e Acesso
EncapsulamentoCampos de Classe Públicos e PrivadosMétodos PrivadosDesafio de Recapitulação8Organizando Código POO
Organizar Classes em Módulos11Projeto: Um Renderizador de Formas
Configuração: Classe Shape e ExportaçãoHerança da Classe Circle14Sistema de Gerenciamento de Biblioteca
Projetando a BibliotecaClasse Livro com Composição