javaScript嗅探執(zhí)行神器-sniffer.js

// 定義Wall及內(nèi)部方法
;(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是一個(gè)文件加載工具
 // 依賴的a.js加載完畢后，則可執(zhí)行緩存的js方法
 $LAB.script("a.js").wait(function(){
 // 觸發(fā)已訂閱的方法
 Sniffer.trigger({
 'base':window,
 'name':'Wall.say'
 });
 });
</script>

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

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

/**
* @function {private} 檢測(cè)方法是否可用
* @param {string} funcName -- 方法名***.***.***
* @param {object} base -- 方法所依附的對(duì)象 
**/
function checkMethod(funcName, base){
 var methodList = funcName.split('.'), // 方法名list
 readyFunc = base, // 檢測(cè)合格的函數(shù)部分
 result = {
 'success':true,
 'func':function(){}
 }, // 返回的檢測(cè)結(jié)果
 methodName, // 單個(gè)方法名
 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 = []; // 存儲(chǔ)訂閱的需要調(diào)用的方法
 // 執(zhí)行方法
 FUN.run = function(){
 // 很多代碼...
 
 //將訂閱的函數(shù)緩存起來
 list.push(...);
 };
})(window.Sniffer || (window.Sniffer = {}));

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

;(function(FUN, undefined){
 'use strict'
 var list = []; // 存儲(chǔ)訂閱的需要調(diào)用的方法
 /**
 * @function 函數(shù)轉(zhuǎn)換接口，用于判斷函數(shù)是否存在命名空間中，有則調(diào)用，無則不調(diào)用
 * @version {create} 2015-11-30
 * @description
 * 用途：只設(shè)計(jì)用于延遲加載
 * 示例：Wall.mytext.init(45, false);
 * 調(diào)用：Sniffer.run({'base':window, 'name':'Wall.mytext.init'}, 45, false);
 或 Sniffer.run({'base':Wall, 'name':'mytext.init'}, 45, false);
 * 如果不知道參數(shù)的個(gè)數(shù)，不能直接寫，可以用apply的方式調(diào)用當(dāng)前方法
 * 示例: 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 參數(shù)錯(cuò)誤');
 return;
 }
 var name = arguments[0].name, // 函數(shù)名 0位為Object類型，方便做擴(kuò)展
 subscribe = arguments[0].subscribe || false, // 訂閱當(dāng)函數(shù)可執(zhí)行時(shí)，調(diào)用該函數(shù), true:訂閱; false:不訂閱
 prompt = arguments[0].prompt || false, // 是否顯示提示語(當(dāng)函數(shù)未能執(zhí)行的時(shí)候)
 promptMsg = arguments[0].promptMsg || '功能還在加載中，請(qǐng)稍候', // 函數(shù)未能執(zhí)行提示語
 base = arguments[0].base || window, // 基準(zhǔn)對(duì)象，函數(shù)查找的起點(diǎn)
 args = Array.prototype.slice.call(arguments), // 參數(shù)列表
 funcArgs = args.slice(1), // 函數(shù)的參數(shù)列表
 callbackFunc = {}, // 臨時(shí)存放需要回調(diào)的函數(shù)
 result; // 檢測(cè)結(jié)果
 result = checkMethod(name, base);
 if(result.success){
 subscribe = false;
 try{
 return result.func.apply(result.func, funcArgs); // apply調(diào)整函數(shù)的指針指向
 }catch(e){
 (typeof console != 'undefined') && console.log && console.log('錯(cuò)誤:name='+ e.name +'; message='+ e.message);
 }
 }else{
 if(prompt){
 // 輸出提示語到頁(yè)面，代碼略
 }
 }
 //將訂閱的函數(shù)緩存起來
 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 = []; // 存儲(chǔ)訂閱的需要調(diào)用的方法
 // 執(zhí)行方法
 FUN.run = function(){
 // 代碼...
 };
 /**
 * @function 觸發(fā)函數(shù)接口，調(diào)用已提前訂閱的函數(shù)
 * @param {object} option -- 需要調(diào)用的相關(guān)參數(shù)
 * @description
 * 用途：只設(shè)計(jì)用于延遲加載
 * 另外，調(diào)用trigger方法的前提是，訂閱方法所在js已經(jīng)加載并解析完畢
 * 不管觸發(fā)成功與否，都會(huì)清除list中對(duì)應(yīng)的項(xiàng)
 **/
 FUN.trigger = function(option){
 if(typeof option !== 'object'){
 throw new Error('Sniffer.trigger 參數(shù)錯(cuò)誤');
 return;
 }
 var funcName = option.name || '', // 函數(shù)名
 base = option.base || window, // 基準(zhǔn)對(duì)象，函數(shù)查找的起點(diǎn)
 newList = [], // 用于更新list
 result, // 檢測(cè)結(jié)果
 func, // 存儲(chǔ)執(zhí)行方法的指針
 i, // 遍歷list
 param; // 臨時(shí)存儲(chǔ)list[i]
 console.log(funcName in base);
 if(funcName.length < 1){
 return;
 }
 // 遍歷list，執(zhí)行對(duì)應(yīng)的函數(shù)，并將其從緩存池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('錯(cuò)誤:name='+ e.name +'; message='+ e.message);
  }
 }
 }else{
 newList.push(param);
 }
 }
 list = newList;
 };
 // 嗅探方法
 function checkMethod(funcName, base){
 // 代碼...
 }
})(window.Sniffer || (window.Sniffer = {}));