1. 程式人生 > >seaJS 簡要介紹和完整例子

seaJS 簡要介紹和完整例子

1,seajs.config({...});   //用來對 Sea.js 進行配置。
2,seajs.use(['a','b'],function(a,b){...});   //用來在頁面中載入一個或多個模組。
3,define(function(require, exports, module){...});   //用來定義模組。Sea.js 推崇一個模組一個檔案,遵循統一的寫法:
4,require(function(require){var a = require("xModule"); ... });   //require 用來獲取指定模組的介面。
5,require.async,  //用來在模組內部非同步載入一個或多個模組。 例如:
define(function(require){
    require.async(['aModule','bModule'],function(a,b){  // 非同步載入多個模組,在載入完成時,執行回撥
    a.func();
    b.func();
    })    
});
6,exports, //用來在模組內部對外提供介面。 例如:
define(function(require, exports){
    exports.varName01 = 'varValue';  // 對外提供 varName01 屬性    
    exports.funName01 = function(p1,p2){  // 對外提供 funName01 方法
    ....
    }       
});
7,module.exports, 與 exports 類似,用來在模組內部對外提供介面。例如:
define(function(require, exports, module) {  
  module.exports = {  // 對外提供介面
    name: 'a',
    doSomething: function() {...};
  };
});
以上 7 個介面是最常用的,要牢記於心。