Comment inclure un fichier JavaScript dans un autre fichier JavaScript

Il existe plusieurs façons d’inclure un fichier JavaScript dans un autre fichier JavaScript. Dans ce tutoriel Nous allons découvrir les différentes solutions.
 
 

Ancienne version de Javascript

Utiliser la balise script dans votre code HTML :

Cela pourrait être la façon la plus évident de résoudre ce problème avec le framework javascript moderne.

Lorsque vous importez un fichier .js dans votre code HTML, la commande est très importante et vous pouvez penser que la balise <script> est similaire à une importation. Par exemple, si votre script nécessite jQuery, vous devez d’abord importer la bibliothèque jQuery, puis votre script:

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>votreScriptJS</script>

Dans le code ci-dessus, votre script JS peut utiliser n’importe quelle fonction jQuery.
 

Nouvelle version de Javascript

Utilisation de javascript moderne ES6

Nous allons utiliser deux fichiers: file.js et main.js. Nous allons utiliser l’instruction import dans le fichier main.js pour importer des fonctions à partir de file.js.

Contenu de file.js:

export function sayWelcom() {
  return "Welcom to WayToLearnX.com";
}

Contenu de main.js:

import {sayWelcom} from 'file'; 
console.log(sayWelcom());

Après l’exécution du code ci-dessus, vous allez voir dans la console « Welcom to WayToLearnX.com ».