Les spécifications du module JavaScript incluent : 1. Spécification CommonJS ; 2. Spécification AMD (Asynchronous Module Definition) ; 3. Spécification CMD (Common Module Definition) ; 4. Spécification UMD (un mélange d'AMD et CommonJS).
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Il existe trois spécifications modulaires JavaScript communes, CommonJS, AMD (Asynchronous Module Definition), CMD (Common Module Definition)
Serveur : Service NodeJS : spécification CommonJS, la nouvelle version de Node peut également activer la fonction de module ES6
Navigateur côté : principalement en utilisant les spécifications AMD et les spécifications CMD, qui ont été progressivement remplacées par le module ES6
1 Spécification CommonJS
(1) Chaque fichier est un module, Chaque module a une portée indépendante. . Les variables et fonctions du fichier sont privées et ne peuvent pas être utilisées par d'autres fichiers (sauf si elles sont affectées au global). (2) À l'intérieur de chaque module, la variable module représente le module actuel (3) L'interface externe de chaque fichier est l'attribut module.exports (4) require est utilisé pour référencer d'autres modules, et ce qui est réellement obtenu est l'attribut module.exports d'autres modules
2 AMD (Asynchroous Module Definition - définition de module asynchrone)
AMD est le. processus de promotion de RequireJS Sortie standardisée des définitions de modules dans
Utilisez
pour définir les modules définir (id ?, dépendances ?, usine) Module de chargement require([module], callback)
3. CMD (Common Module Definition)
CMD est la sortie standardisée de la définition de module dans le processus de promotion de SeaJS
Utilisation
Define module définir (usine) Module de chargement require(id)
4. UMD (une combinaison d'AMD et CommonJS)
UMD détermine d'abord si les modules (exportations) qui prennent en charge Node.js existent, et s'ils existent, utilisez le module Node.js. mode.
Pour déterminer si AMD est pris en charge (si la définition existe), si elle existe, utilisez la méthode AMD pour charger le module.
(function (window, factory) { if (typeof exports === 'object') { module.exports = factory(); } else if (typeof define === 'function' && define.amd) { define(factory); } else { window.eventUtil = factory(); } })(this, function () { //module ... });
【Recommandations associées : Tutoriel d'apprentissage Javascript】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!