Comment exporter des fonctions pour qu'elles puissent être utilisées pour les imports dans des modules externes et d'autres scripts en JavaScript ?


Pour exporter des fonctions pour une utilisation dans des modules externes et d'autres scripts en JavaScript, vous pouvez utiliser la syntaxe d'exportation ES6. Il existe deux façons d'exporter des fonctions : l'exportation nommée et l'exportation par défaut.

Exportation nommée

L'exportation nommée permet d'exporter plusieurs fonctions à partir d'un module. Pour exporter une fonction nommée, vous devez utiliser le mot-clé export suivi du nom de la fonction :

// module.js
export function add(a, b) {
  return a + b;
}

export function subtract(a, b) {
  return a - b;
}

Pour importer ces fonctions dans un autre module ou script, vous devez utiliser la syntaxe d'importation ES6 :

// app.js
import { add, subtract } from './module.js';

console.log(add(2, 3)); // Output: 5
console.log(subtract(5, 2)); // Output: 3

Exportation par défaut

L'exportation par défaut permet d'exporter une seule fonction à partir d'un module. Pour exporter une fonction par défaut, vous devez utiliser le mot-clé export default suivi du nom de la fonction :

// module.js
export default function multiply(a, b) {
  return a * b;
}

Pour importer cette fonction dans un autre module ou script, vous pouvez utiliser n'importe quel nom de variable :

// app.js
import multiply from './module.js';

console.log(multiply(2, 3)); // Output: 6

Vous pouvez également combiner l'exportation nommée et l'exportation par défaut dans un même module :

// module.js
export function add(a, b) {
  return a + b;
}

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

Dans ce cas, vous pouvez importer la fonction par défaut et les fonctions nommées dans un autre module ou script :

// app.js
import multiply, { add } from './module.js';

console.log(add(2, 3)); // Output: 5
console.log(multiply(2, 3)); // Output: 6


About the author

William Pham is the Admin and primary author of Howto-Code.com. With over 10 years of experience in programming. William Pham is fluent in several programming languages, including Python, PHP, JavaScript, Java, C++.