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;
}

Défi

Facile

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

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

Aide-mémoire

Le mot-clé export vous permet d'exposer des fonctions, des variables et d'autres codes d'un fichier afin qu'ils puissent être utilisés dans d'autres fichiers.

Vous pouvez exporter des fonctions en utilisant l'instruction export à la fin du fichier :

function add(a, b) {
    return a + b;
}

function multiply(a, b) {
    return a * b;
}

export { add, multiply };

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

export function add(a, b) {
    return a + b;
}

export function multiply(a, b) {
    return a * b;
}

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