Penghuraian mudah kemahiran modularization_javascript javascript

Artikel ini menerangkan pemodulatan JavaScript untuk semua orang Kandungan khusus adalah seperti berikut

AMD ialah keluaran piawai bagi definisi modul semasa proses promosi RequireJS.

Muatkan modul secara tidak segerak, bergantung pada modul tersebut terlebih dahulu dan laksanakannya lebih awal.
Define definition module define(['require','foo'],function(){return});
Memerlukan modul pemuatan (pra-pergantungan) memerlukan(['foo','bar'],function(foo,bar){});

CMD ialah keluaran piawai bagi definisi modul semasa proses promosi SeaJS.

Define definition eksport export define(function(require,exports,module){}); Modul menyimpan beberapa objek pada modul semasa.
require(./a) diperkenalkan secara langsung. Require.async diperkenalkan secara tak segerak.
Pemuatan segerak, kebergantungan berdekatan, pelaksanaan tertunda.

Aplikasi SeaJS

Contoh permulaan rasmi: http://seajs.org/docs/#quick-start

Bagaimana untuk menulis modul SeaJS?

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

Muat modul dalam halaman

//在 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")

Di atas ialah pengenalan ringkas kepada modularisasi JavaScript. Saya harap ia akan membantu semua orang untuk mempelajari modularisasi JavaScript.