Comprendre l'Importation d'Exportations Uniques dans ES6

Dans ES6 (ECMAScript 6), le transfert de fonctionnalités entre différents fichiers JavaScript est réalisé à travers un système de modules. Ceci permet de garder le code propre et organisé, et rend plus facile le suivi de certaines fonctionnalités spécifiquement concentrées dans des modules discrets. Il est possible d'exporter et d'importer des fonctions, des objets ou des valeurs entre ces modules.

"Afin d'importer un export unique d'un module, la déclaration correcte est import myExport from 'module'. Cette syntaxe est spécifiquement conçue pour importer l'export par défaut du module. C'est-à-dire la fonction ou la valeur qui a été exportée du module à l'aide de la syntaxe export default.

Par exemple, supposons que nous ayons un module appelé module.js, qui exporte une fonction comme suit :

export default function(){ 
  console.log("Hello, World!");
}

Vous pouvez importer la fonction exportée par défaut dans un autre fichier JavaScript, disons app.js, en utilisant la syntaxe suivante :

import greet from './module';

greet();  // Outputs: "Hello, World!"

Dans ce cas, greet est le nom que nous avons choisi pour la fonction importée. Notez que le nom d'export par défaut n'est pas accolé par des accolades {}.

Il est important de se rappeler que chaque module peut avoir au plus un export par défaut. Pourtant, ils peuvent avoir un nombre illimité d'exports nommés. Les exports nommés sont importés en utilisant une syntaxe légèrement différente, où les noms des exports sont encadrés par des accolades.

Mais rappelez-vous, import { myExport }, require('module').myExport et load myExport from 'module' ne sont pas corrects pour importer un export unique d'un module dans ES6. La compréhension des détails de la syntaxe d'import/export dans ES6 est essentielle pour naviguer efficacement dans le code ES6 et pour utiliser des modules de manière efficace et efficience.