Introduction à CommonJS

La spécification de module CommonJS est la norme utilisée dans Node.js pour travailler avec des modules. Les modules sont très cool, car ils vous permettent d'encapsuler toutes sortes de fonctionnalités et d'exposer cette fonctionnalité à d'autres fichiers JavaScript, en tant que bibliothèques

La spécification du module CommonJS est la norme utilisée dansNode.jspour travailler avec des modules.

Le JavaScript côté client qui s'exécute dans le navigateur utilise une autre norme, appeléeModules ES

Les modules sont très sympas, car ils vous permettent d'encapsuler toutes sortes de fonctionnalités et d'exposer cette fonctionnalité à d'autres fichiers JavaScript, sous forme de bibliothèques. Ils vous permettent de créer des extraits de fonctionnalités clairement séparés et réutilisables, chacun pouvant être testé séparément.

L'énormenpml'écosystème est construit sur ce format CommonJS.

La syntaxe pour importer un module est:

const package = require('module-name')

Dans CommonJS, les modules sont chargés de manière synchrone et traités dans l'ordre dans lequel le moteur d'exécution JavaScript les trouve. Ce système est né avec JavaScript côté serveur à l'esprit et ne convient pas pour le côté client (c'est pourquoi les modules ES ont été introduits).

Un fichier JavaScript est un module lorsqu'il exporte un ou plusieurs des symboles qu'il définit, qu'il s'agisse de variables, de fonctions, d'objets:

uppercase.js

exports.uppercase = (str) => str.toUpperCase()

Tout fichier JavaScript peut importer et utiliser ce module:

const uppercaseModule = require('uppercase.js')
uppercaseModule.uppercase('test')

Un exemple simple peut être trouvédans ce Glitch.

Vous pouvez exporter plusieurs valeurs:

exports.a = 1
exports.b = 2
exports.c = 3

et importez-les individuellement à l'aide duaffectation de déstructuration:

const { a, b, c } = require('./uppercase.js')

ou exportez simplement une valeur en utilisant:

//file.js
module.exports = value

et importez-le en utilisant

const value = require('./file.js')

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: