Menu
Coddy logo textTech

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;
}
challenge icon

Desafio

Fácil

Você tem dois arquivos <strong>main.js</strong> e <strong>weather-utils.js</strong>. Sua tarefa:

  1. Em <strong>weather-utils.js</strong>: Adicione a palavra-chave export para tornar a função getWeatherMessage disponível para outros arquivos
  2. Em <strong>main.js</strong>: Chame a função importada getWeatherMessage com a temperatura 15 e imprima o resultado usando console.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.log
quiz iconTeste seus conhecimentos

Esta 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