互聯網 - 大數據

// 定義Wall及內部方法
;(function(window, FUNC, undefined){
    var name = 'wall';

    Wall.say = function(name){
        console.log('I\'m '+ name +' !');
    };

    Wall.message = {
        getName : function(){
            return name;
        },
        setName : function(firstName, secondName){
            name = firstName+'-'+secondName;
        }
    };
})(window, window.Wall || (window.Wall = {}));

<script type='text/javascript'>
    <%
        // Java 代碼直出 js
        out.print("Sniffer.run({'base':window,'name':'Wall.say','subscribe':true}, 'wall');\n");
    %>

    // Lab.js是一個文件加載工具
    // 依賴的a.js加載完畢后，則可執行緩存的js方法
    $LAB.script("a.js").wait(function(){
        // 觸發已訂閱的方法
        Sniffer.trigger({
            'base':window,
            'name':'Wall.say'
        });
    });
</script>

// 執行 Wall.message.setName('wang', 'wall');
Sniffer.run({
    'base':Wall,
    'name':'message.setName',
    'subscribe':true
}, 'wang', 'wall');

// 觸發已訂閱的方法
Sniffer.trigger({
    'base':Wall,
    'name':'message.setName'
});

/**
* @function {private} 檢測方法是否可用
* @param {string} funcName -- 方法名***.***.***
* @param {object} base -- 方法所依附的對象 
**/
function checkMethod(funcName, base){
    var methodList = funcName.split('.'), // 方法名list
        readyFunc = base, // 檢測合格的函數部分
        result = {
            'success':true,
            'func':function(){}
        }, // 返回的檢測結果
        methodName, // 單個方法名
        i;
        
    for(i = 0; i < methodList.length; i++){
        methodName = methodList[i];
        if(methodName in readyFunc){
            readyFunc = readyFunc[methodName];
        }else{
            result.success = false;
            return result;
        }
    }
    
    result.func = readyFunc;
    return result; 
}

;(function(FUN, undefined){
    'use strict'

    var list = []; // 存儲訂閱的需要調用的方法

    // 執行方法
    FUN.run = function(){
        // 很多代碼...
        
        //將訂閱的函數緩存起來
        list.push(...);
    };
    
})(window.Sniffer || (window.Sniffer = {}));

{
    'base':Wall,
    'name':'message.setName',
    'args':['wang', 'wall']
}

;(function(FUN, undefined){
    'use strict'

    var list = []; // 存儲訂閱的需要調用的方法

    /**
    * @function 函數轉換接口，用于判斷函數是否存在命名空間中，有則調用，無則不調用
    * @version {create} 2015-11-30
    * @description
    *       用途：只設計用于延遲加載
    *       示例：Wall.mytext.init(45, false);
    *       調用：Sniffer.run({'base':window, 'name':'Wall.mytext.init'}, 45, false);
                或 Sniffer.run({'base':Wall, 'name':'mytext.init'}, 45, false);
    *       如果不知道參數的個數，不能直接寫，可以用apply的方式調用當前方法
    *       示例:  Sniffer.run.apply(window, [ {'name':'Wall.mytext.init'}, 45, false ]);
    **/
    FUN.run = function(){
        if(arguments.length < 1 || typeof arguments[0] != 'object'){
            throw new Error('Sniffer.run 參數錯誤');
            return;
        }
        
        var name = arguments[0].name, // 函數名 0位為Object類型，方便做擴展
            subscribe = arguments[0].subscribe || false, // 訂閱當函數可執行時，調用該函數, true:訂閱; false:不訂閱
            prompt = arguments[0].prompt || false, // 是否顯示提示語(當函數未能執行的時候)
            promptMsg = arguments[0].promptMsg || '功能還在加載中，請稍候', // 函數未能執行提示語
            base = arguments[0].base || window, // 基準對象，函數查找的起點
            
            args = Array.prototype.slice.call(arguments), // 參數列表
            funcArgs = args.slice(1), // 函數的參數列表
            callbackFunc = {}, // 臨時存放需要回調的函數
            result; // 檢測結果

        result = checkMethod(name, base);
        if(result.success){
            subscribe = false;
            try{
                return result.func.apply(result.func, funcArgs); // apply調整函數的指針指向
            }catch(e){
                (typeof console != 'undefined') && console.log && console.log('錯誤:name='+ e.name +'; message='+ e.message);
            }
        }else{
            if(prompt){
                // 輸出提示語到頁面，代碼略
            }
        }
        
        //將訂閱的函數緩存起來
        if(subscribe){
            callbackFunc.name = name;
            callbackFunc.base = base;
            callbackFunc.args = funcArgs;
            list.push(callbackFunc);
        }
    };
    
    // 嗅探方法
    function checkMethod(funcName, base){
        // 代碼...
    }
})(window.Sniffer || (window.Sniffer = {}));

;(function(FUN, undefined){
    'use strict'

    var list = []; // 存儲訂閱的需要調用的方法

    // 執行方法
    FUN.run = function(){
        // 代碼...
    };
    
    /**
    * @function 觸發函數接口，調用已提前訂閱的函數
    * @param {object} option -- 需要調用的相關參數
    * @description
    *       用途：只設計用于延遲加載
    *       另外，調用trigger方法的前提是，訂閱方法所在js已經加載并解析完畢
    *       不管觸發成功與否，都會清除list中對應的項
    **/
    FUN.trigger = function(option){
        if(typeof option !== 'object'){
            throw new Error('Sniffer.trigger 參數錯誤');
            return;
        }
        
        var funcName = option.name || '', // 函數名
            base = option.base || window, // 基準對象，函數查找的起點
            newList = [], // 用于更新list
            result, // 檢測結果
            func, // 存儲執行方法的指針
            i, // 遍歷list
            param; // 臨時存儲list[i]

        console.log(funcName in base);
        
        if(funcName.length < 1){
            return;
        }
        
        // 遍歷list，執行對應的函數，并將其從緩存池list中刪除
        for(i = 0; i < list.length; i++){
            param = list[i];
            if(param.name == funcName){
                result = checkMethod(funcName, base);
                if( result.success ){
                    try{
                        result.func.apply(result.func, param.args);
                    }catch(e){
                        (typeof console != 'undefined') && console.log && console.log('錯誤:name='+ e.name +'; message='+ e.message);
                    }
                }
            }else{
                newList.push(param);
            }
        }
        
        list = newList;
    };
    
    // 嗅探方法
    function checkMethod(funcName, base){
        // 代碼...
    }
})(window.Sniffer || (window.Sniffer = {}));