Importar con import

Parte de la sección Programación Orientada a Objetos del Journey de JavaScript de Coddy — lección 9 de 56.

Después de exportar la funcionalidad de un módulo, necesitamos importarla para usarla en otro archivo. La sentencia import nos permite traer valores exportados de otros módulos.

Importar una exportación nombrada:

// Importando una función específica de un módulo
import { greet } from './greeting.js';

// Ahora podemos usar la función greet
greet('John'); // Salida: Hello, John!

Puedes importar múltiples exportaciones con nombre a la vez:

// Importando múltiples exportaciones
import { greet, farewell } from './greeting.js';

greet('John');      // Salida: Hello, John!
farewell('John');   // Salida: Goodbye, John!

Importar una exportación por defecto:

// Importando una exportación por defecto (no se necesitan llaves)
// Usa esto cuando el otro archivo tenga: export default functionName
import Person from './person.js';

// Crear un nuevo Person
const john = new Person('John');

Desafío

Fácil

Estás construyendo un formulario de registro. Tienes un archivo validation-utils.js que contiene funciones útiles de validación de correo electrónico.

Tu tarea:

Importar la función validateEmail en main.js (Es la exportación nombrada, no la exportación por defecto)
Llamar a la función y pasar la dirección de correo electrónico user@example.com
Imprimir los resultados usando console.log

Hoja de referencia

Usa la sentencia import para traer valores exportados de otros módulos.

Importar una exportación con nombre:

import { greet } from './greeting.js';

greet('John'); // Salida: Hello, John!

Importar múltiples exportaciones con nombre:

import { greet, farewell } from './greeting.js';

greet('John');      // Salida: Hello, John!
farewell('John');   // Salida: Goodbye, John!

Importar una exportación por defecto (no se necesitan llaves):

import Person from './person.js';

const john = new Person('John');

Pruébalo tú mismo

// TODO: Importa la función validateEmail aquí (es la exportación nombrada)

// TODO: Llama a la función y pasa la dirección de correo electrónico user@example.com y muestra los resultados usando console.log