Menu
Coddy logo textTech

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');
challenge icon

Desafio

Fácil

Você 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:

  1. Importe a função validateEmail em main.js (É o export nomeado, não o export padrão)
  2. Chame a função e passe o endereço de e-mail user@example.com
  3. 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.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