Importer avec import

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 9 sur 56.

Après avoir exporté des fonctionnalités d'un module, nous devons les importer pour les utiliser dans un autre fichier. L'instruction import nous permet d'importer des valeurs exportées depuis d'autres modules.

Importer un export nommé :

// Importation d'une fonction spécifique depuis un module
import { greet } from './greeting.js';

// Nous pouvons maintenant utiliser la fonction greet
greet('John'); // Affiche : Hello, John!

Vous pouvez importer plusieurs exports nommés à la fois :

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

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

Importer un export par défaut :

// Importation d'un export par défaut (pas d'accolades nécessaires)
// Utilisez ceci lorsque l'autre fichier contient : export default functionName
import Person from './person.js';

// Créer une nouvelle Personne
const john = new Person('John');

Défi

Facile

Vous construisez un formulaire d'inscription. Vous avez un fichier validation-utils.js qui contient des fonctions utiles de validation d'e-mail.

Votre tâche :

Importez la fonction validateEmail dans main.js (C'est l'export nommé, pas l'export par défaut)
Appelez la fonction et passez l'adresse e-mail user@example.com
Affichez les résultats en utilisant console.log

Aide-mémoire

Utilisez l'instruction import pour importer des valeurs exportées depuis d'autres modules.

Importer un export nommé :

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

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

Importer plusieurs exports nommés :

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

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

Importer un export par défaut (pas besoin d'accolades) :

import Person from './person.js';

const john = new Person('John');

Essayez vous-même

// TODO: Importer la fonction validateEmail ici (c'est l'exportation nommée)

// TODO: Appeler la fonction et passer l'adresse e-mail user@example.com et afficher les résultats en utilisant console.log