Importando com import
Parte da seção Programação Orientada a Objetos do Journey de JavaScript da Coddy — lição 9 de 56.
Após exportar a funcionalidade de um módulo, precisamos importá-la para usá-la em outro arquivo. A instrução import nos permite trazer valores exportados de outros módulos.
Importar um export nomeado:
// Importando uma função específica de um módulo
import { greet } from './greeting.js';
// Agora podemos usar a função greet
greet('John'); // Saída: Hello, John!Você pode importar múltiplas exportações nomeadas de uma só vez:
// Importando múltiplas exportações
import { greet, farewell } from './greeting.js';
greet('John'); // Saída: Hello, John!
farewell('John'); // Saída: Goodbye, John!Importar uma exportação padrão:
// Importando uma exportação padrão (não são necessárias chaves)
// Use isso quando o outro arquivo tiver: export default functionName
import Person from './person.js';
// Criar um novo Person
const john = new Person('John');Desafio
FácilVocê está construindo um formulário de inscrição. Você tem um arquivo validation-utils.js que contém funções úteis de validação de e-mail.
Sua tarefa:
- Importe a função
validateEmailemmain.js(É o export nomeado, não o export padrão) - Chame a função e passe o endereço de e-mail user@example.com
- Imprima os resultados usando
console.log
Folha de consulta
Use a instrução import para trazer valores exportados de outros módulos.
Importe uma exportação nomeada:
import { greet } from './greeting.js';
greet('John'); // Saída: Hello, John!Importe múltiplas exportações nomeadas:
import { greet, farewell } from './greeting.js';
greet('John'); // Saída: Hello, John!
farewell('John'); // Saída: Goodbye, John!Importe uma exportação padrão (não são necessárias chaves):
import Person from './person.js';
const john = new Person('John');Experimente você mesmo
// TODO: Importe a função validateEmail aqui (ela é a exportação nomeada)
// TODO: Chame a função e passe o endereço de e-mail user@example.com e imprima os resultados 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