用jquery實現簡單的模塊開發

把以下代碼進行封裝，放入js文件中；命名Module.js （名字隨意起）
;(function($,win){
    var Load = function(){
        if(this == window){
            return new Load();
        }
        return this;
    };
    Load.prototype = {
        getScript:function (url,callback) {
            return $.getScript(url,function(data){
                callback&&callback(eval(data))
            })
        }
    }
    var MDE = {
        use:function(url,callback){
            if(!url){
                return
            }
            return Load().getScript(url,callback);

        }
    }
    win.MDE =MDE;
})(window.jQuery,typeof window==='object'?window:this)

 

以下代碼使用閉包函數進行包裹，防止被調用，寫法要統一

;;(function(){
    var Utils = {
       initEvent:function(){
            this.bindEvent();
            console.log("init");
        },bindEvent:function(){
            $(".add").click(function(){

            })
        }
    }
    return Utils;
})()

 

調用方式：

MDE.use("/assets/module/gcjsy/company/officehall/compApply/ba/change/Utils.js",function(data){
     data.initEvent()
})