Menu
CoddyTech

Exporter avec export

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy. Leçon 8 sur 56.

Lorsque tu organises ton code JavaScript dans plusieurs fichiers, le mot-clé export te permet d’exposer des fonctions, des variables et d’autres éléments de code afin qu’ils puissent être utilisés dans d’autres fichiers.

Créons deux fonctions simples que nous voulons exporter :

File: math-utils.js
// Une fonction qui additionne deux nombres
function add(a, b) {
    return a + b;
}
// Une fonction qui multiplie deux nombres  
function multiply(a, b) {
    return a * b;
}
// Exporte les fonctions pour que d’autres fichiers puissent les utiliser
export { add, multiply };

Vous pouvez également utiliser la syntaxe d’exportation en ligne :

File: math-utils.js
// Exporter les fonctions directement
export function add(a, b) {
    return a + b;
}
export function multiply(a, b) {   
return a * b;
}
challenge icon

Défi

Facile

Vous avez deux fichiers main.js et weather-utils.js. Votre tâche :

  1. Dans weather-utils.js : ajoutez le mot-clé export pour rendre la fonction getWeatherMessage accessible aux autres fichiers
  2. Dans main.js : appelez la fonction importée getWeatherMessage avec une température de 15 et affichez le résultat à l’aide de console.log

Essayez vous-même

import { getWeatherMessage } from './weather-utils.js';

// TODO: Appeler la fonction getWeatherMessage avec la température 15 et afficher le résultat avec console.log
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Programmation Orientée Objet

Entraînez-vous par vous-même : Compilateur JavaScript en ligne