2.6 Exportations & Importations

Une autre fonctionnalité proposée par javascript nouvelle génération concerne l'écriture de code modulaire afin que le code Javascript soit divisé en plusieurs fichiers. Et évidemment, nous pouvons déjà fractionner notre code sur plusieurs fichiers. Nous devons simplement les importer dans le bon ordre dans nos fichiers HTML. Et l'idée derrière les déclarations d'exportation et d'importation et les soi-disant modules est que dans un fichier javascript, nous pouvons importer le contenu d'un autre fichier afin que les fichiers javascript eux-mêmes connaissent leurs dépendances.

Cela pourrait ressembler à ceci. Nous avons un fichier, personne. js et là nous avons cette personne constante qui est stockée en tant qu'objet javascript et puis c'est la partie intéressante. Nous exportons ce mot-clé par défaut. Il s'agit d'un mot-clé spécial indiquant qu'il s'agit de l'exportation par défaut de ce fichier. Nous pouvons ensuite l'importer ailleurs et l'instruction d'importation apparaîtra dans une seconde. Nous pouvons également avoir un certain nombre de fichiers dans lesquels nous exportons plusieurs éléments, ici une constante nommée clean qui contient une fonction à la fin et baseData qui contient un nombre dans un troisième fichier. Nous pourrions avoir besoin d'importer de personne. js et utilité. js tellement app. js nécssite des instructions d'importation. Et voici quelques syntaxes d'importation différentes que vous verrez dans ce cours. la personne. Comme vous le voyez js utilise le mot-clé default. Le mot-clé default signifie simplement que si nous importons quelque chose de ce fichier, il s'agira toujours de notre exportation par défaut. Donc, dans ce cas, la personne est donc constante dans l'importation de personne.

js nous pouvons nommer personne ce que nous voulons, c'est pourquoi je l'ai imprimé deux fois ici, personne ou presque n'a pas d'importance. Il fait toujours référence à la chose que vous avez marquée comme défaut avec le mot-clé par défaut. Pour l'utilité. js c'est un peu différent. Nous importons ici à partir de deux constantes différentes et par conséquent, la syntaxe d'importation utilise les accolades pour cibler explicitement des éléments spécifiques de ce fichier. Ce sont ce qu'on appelle des exportations nommées, car nous importons le contenu par son nom. Nous importons la constante de nettoyage par son nom et baseData par son nom car nous n'avons rien marqué comme valeur par défaut. Donc, pour que javascript sache exactement ce que nous indiquons, nous devons lui donner le nom exact et le nom va entre des accolades. En passant, vous pouvez également écrire ceci sous la forme d'une instruction d'importation avec baseData comma clean ou l'inverse. Il s'agit donc d'importations et d'exportations. Vous écrivez tout cela dans vos fichiers javascript et vous l'utiliserez beaucoup tout au long de ce cours. Maintenant, comme avec toutes ces fonctionnalités javascript de la prochaine génération, il ne fonctionnera pas de la même manière dans tous les navigateurs.

Même les navigateurs les plus modernes ne prennent pas en charge toutes les fonctionnalités que nous utiliserons dans ce projet. Par conséquent, dans le prochain module de cours, je vous montrerai également comment configurer rapidement un projet qui compile finalement toutes les fonctionnalités javascript de la prochaine génération en fonctionnalités javascript de la génération actuelle, de sorte que nous, développeurs, puissions utiliser le javascript de la prochaine génération sans nous. Code d'expédition qui ne va nulle part. Revenons donc aux importations et aux exportations. C'est la syntaxe que nous utilisons et vous verrez qu'il s'habitue beaucoup dans ce cours. Vous pouvez également voir certaines variations car nous pouvons également écrire cela différemment lorsque nous avons une exportation par défaut. Vous avez déjà vu que cette personne est un nom que vous pouvez choisir vous-même. Peu importe ici si vous utilisez personne ou presque. Si vous avez une exportation nommée, vous devez utiliser le nom exact défini dans le fichier avec le mot-clé export. Toujours ce que tu peux faire. Vous pouvez affecter un alias que vous pouvez à nouveau librement choisir dans le fichier que vous importez avec le mot-clé as ou si vous avez plusieurs exportations nommées dans un fichier.

Vous pouvez tout importer avec * ce caractère spécial, puis attribuer un alias et un paquet. Dans ce cas, il s'agirait d'un objet javascript qui expose toutes les constantes et tout ce que vous exportez dans l'autre fichier en tant que propriétés afin que vous ayez simplement groupé. baseData, fourni. propre pour accéder à l'exportation des choses. C'est à vous de décider et vous me verrez utiliser ces choses tout au long du cours. La recherche d'utilisation la plus courante est la première. Importer des accolades quelque chose d'accolade .