一.模塊化格式

define(function (require, exports, module) {
    var init= function() {
        var textContent = [
            ‘yes it works‘,
            ‘seajs demo‘,
            ‘it is a lucky day‘,
            ‘wish this help you‘,
            ‘thank you for reading‘
        ];
        var index = Math.floor(Math.random()*textContent.length);
        
 
return textContent[index];
    }
    module.exports = {//必須寫,讓init方法可以被外部調用
        init:init
    }
})
//每次刷新頁面,隨機抽取textConent中一條數據刷新

二..第三方js引用 :

define(function (require, exports, module) {
   JS 源碼
})

三.設置別名

seajs.config({
     alias:{
          ‘main‘:‘./static/main.js‘
     }
});

//別名設置要寫在use之前

seajs.use(
 
‘./static/text.js‘);

//引用main模塊就可以直接寫成這樣了var main = require(‘main‘)。

四.回調函數

seajs.use([module],callback),加載一個或多個模塊，並執行回調函數。我們將main修改下：

define(function (require, exports, module) {
    var changeText = require(‘changeText‘);
    var $ = require(‘jquery‘);
    var showText = function () {
        $(‘#title‘).text(changeText.init());
    }
    exports.showText 
 
= showText;
})

然後增加回調函數：

seajs.use([‘main‘,‘jquery‘],function(main,$) {
    $(‘#title‘).after(‘<button id="show">showText</button>‘);
    $(‘#show‘).on(‘click‘,function() {
         main.showText()
    })
});

Sea js 簡易使用