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 ».
 
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *