Analyse simple des compétences javascript modularization_javascript

Cet article explique la modularisation de JavaScript pour tout le monde. Le contenu spécifique est le suivant

AMD est le résultat standardisé de la définition du module lors du processus de promotion de RequireJS.

Chargez les modules de manière asynchrone, dépendez-en à l'avance et exécutez-les à l'avance.
Définir le module de définition definition(['require','foo'],function(){return});
Exiger le chargement du module (pré-dépendance) require(['foo','bar'],function(foo,bar){});

CMD est le résultat standardisé de la définition du module lors du processus de promotion de SeaJS.

Définir la définition exports export définir(function(require,exports,module){}); Le module stocke certains objets sur le module actuel.
require(./a) est introduit directement. Require.async est introduit de manière asynchrone.
Chargement synchrone, dépendances à proximité, exécution retardée.

Application SeaJS

Exemple de démarrage officiel : http://seajs.org/docs/#quick-start

Comment écrire un module SeaJS ?

// 所有模块都通过 define 来定义
define(function(require, exports, module) {
 
 // 通过 require 引入依赖
 var $ = require('jquery');
 var Spinning = require('./spinning');
 
 // 通过 exports 对外提供接口
 exports.doSomething = ...
 
 // 或者通过 module.exports 提供整个接口
 module.exports = ...
 
});

Charger le module dans la page

//在 hello.html 页尾，通过 script 引入 sea.js 后，有一段配置代码：
 
// seajs 的简单配置
seajs.config({
 base: "../sea-modules/",
 alias: {
  "jquery": "jquery/jquery/1.10.1/jquery.js"
 }
})
 
// 加载入口模块
seajs.use("../static/hello/src/main")

Ce qui précède est une brève introduction à la modularisation JavaScript. J'espère qu'il sera utile à tout le monde d'apprendre la modularisation JavaScript.