JavaScriptMódulos e Errosbasico

Export default

Quando um módulo exporta uma única funcionalidade principal — como um objeto de utilitários ou uma função —, o export default simplifica a importação. Em vez de lembrar o nome exato da exportação, você pode nomear a importação como quiser. Bibliotecas como React usam export default para exportar o componente principal, e você vê isso o tempo todo em código real. Dominar essa sintaxe evita confusão entre exportações nomeadas e padrão, especialmente ao trabalhar com módulos de terceiros.

O PROBLEMA

Crie módulo calculadora.js com export default. Importe com nome customizado.

EXEMPLO

// calculadora.js
export default { somar: (a,b) => a+b, subtrair: (a,b) => a-b };

import calc from './calculadora.js';
calc.somar(5,3) → 8

SOBRE O CONCEITO

O export default permite que você exporte um único valor por módulo sem precisar de nome. Na importação, você usa import nome from './modulo' — sem chaves. Erro comum é usar chaves, como import { calc } from './calculadora.js', o que quebra porque chaves só funcionam com exportações nomeadas. Outro erro é tentar ter dois export default no mesmo módulo; o JavaScript só permite um, pois o default é um único slot. Se precisar exportar múltiplos valores, use exportações nomeadas. O exemplo dado exporta um objeto com funções, que é importado sem chaves e com nome escolhido pelo importador.

RESOLUÇÃO

Mais exercícios de Módulos e Erros

JSM003 · BásicoTipos de erroJSM005 · BásicoError propertiesJSM006 · BásicoExport nomeadoJSM008 · BásicoImport * as
Ver todos os exercícios de JavaScript