Menu
Coddy logo textTech

Exporter avec export

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

Lorsque vous organisez votre code JavaScript sur plusieurs fichiers, le mot-clé export vous 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;
}
// Exporter les fonctions pour que d'autres fichiers puissent les utiliser
export { add, multiply };

Alternativement, vous pouvez utiliser la syntaxe d'exportation en ligne :

Fichier : 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 <strong>main.js</strong> et <strong>weather-utils.js</strong>. Votre tâche :

  1. Dans <strong>weather-utils.js</strong> : Ajoutez le mot-clé export pour rendre la fonction getWeatherMessage disponible pour d'autres fichiers
  2. Dans <strong>main.js</strong> : Appelez la fonction getWeatherMessage importée avec la température 15 et affichez le résultat en utilisant console.log

Essayez vous-même

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

// À FAIRE : Appeler la fonction getWeatherMessage avec une température de 15 et afficher le résultat en utilisant 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