针对之前bingo发布的一个js loader工具进行的改进【bug已修正】

ajaxgo

浏览: 18501 次
性别:
来自: 珠海

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (4)

社区版块

存档分类

prototype EXT

首先很感谢bingo，用非常新颖的思路，实现了这么一个js的loader工具。往外抛异常阻止函数运行，并在加载完后继续运行caller的做法，让人眼前一亮。不得不佩服js的世界是如此的奇妙。

在阅读bingo的js loader，获得启发的同时，也对其中的代码功能做了一些调整。例如，添加了绑定事件机制，可以预先绑定需要在加载（loaded）完后触发的操作（事件一共有5类）。规范了消息队列的实现，bingo的实现中，把消息队列耦合的太紧密。所以独立实现了一个消息队列，在loader中使用等等。整个代码经过重写，并加了注释，方便爱好者学习和探讨，也希望大家反馈bug。并且允许在include时，设置caller的scope和arguments，这样就可以在一般的函数中，比如实例方法（而不只是在匿名函数）使用include。因为，bingo的实现中，在调用caller时，只是简单的运行caller，如果在有需要作用域和需要参数传递的函数中，会失去原本的作用域和传递进来的参数。

最后，还是非常感谢bingo！

代码如下（代码下载在最后）：

js 代码

var jsLoader=new function() {
/*
* const
*/
this.NAMESPACE_TYPE={
CLASS:'class',
INTERFACE:'interface',
OBJECT:'object'
};
this.LOADMODE_TYPE={
PACKAGE:'package',
FILE:'file',
DYNAMIC:'dynamic'
};
this.ERROR_LEVEL={
INFO:'@jsadk:',
DEBUG:'*@jsadk:',
FATAL:'!*@jsadk:',
THROWS:'^!*@jsadk:'
};
this.ERRORS={};
/*
* private member
*/
var _this=this;
var _version='1.0a';
var _libPath='./';
var _errLv=this.ERROR_LEVEL.FATAL;
var _loadmode=this.LOADMODE_TYPE.PACKAGE;
var _packages={};
/*
* getter and setter
*/
this.getVersion=function() {
return _version;
};
this.getLibPath=function() {
return _libPath;
};
this.setLibPath=function(libPath) {
_libPath=libPath;
};
this.getLoadMode=function() {
return _loadmode;
};
this.setLoadMode=function(loadmode) {
_loadmode=loadmode;
};
this.getErrLevel=function() {
return _errLv;
}
this.setErrLevel=function(level) {
_errLv=level;
};
/*
* register packages infos
*/
/**
* 增加包信息
* @param {Object} root
* @param {Hash} pks
*/
var _addPKGs=function(root,pks) {
for (var pk in pks) {
if (typeof pks[pk]=='string') {
root[pk]=_this.Util.initVar(root[pk],pks[pk]);
} else if(typeof pks[pk]=='object') {
root[pk]=_this.Util.initVar(root[pk],{});
_addPKGs(root[pk],pks[pk]);
}
}
};
/**
* 获得注册的包信息
* @param {String|Object} pack
*/
this.getPKGs=function(pack) {
return _this.Util.eval(pack,_packages);
};
/**
* 注册包信息
* @param {Hash} pkgs
* @param {String} ns
*/
this.regPKGs=function(pkgs,ns) {
var size=arguments.length;
var ns=ns.split('.');
var root=_packages;
for (var i=0;i
root=root[ns[i]]=_this.Util.initVar(root[ns[i]],{});
}
_addPKGs(root,pkgs);
};
/*
* catch the window error
*/
window.onerror=function() {
if (arguments[0].indexOf(_errLv)>-1) {
return false;
} else {
return true;
}
};
};
with(jsLoader) {
/*
* utility methods
*/
jsLoader.Util={
/**
* 一个空函数的引用
*/
emptyFunction:function() {},
/**
* 在给定的scope中执行代码
* @param {String} obj
* @param {Object} scope[default=window]
*/
eval:function(obj,scope) {
scope=(scope==null)?window:scope;
if (typeof obj=='string') {
try {
with(scope) {
obj=eval(obj);
}
} catch (e) {
return undefined;
}
}
return obj;
},
/**
* 检查在给定的scope中对象是否存在
* @param {String|Object} obj
* @param {Object} scope[default=window]
*/
exist:function(obj,scope) {
return (typeof this.eval(obj,scope)=='undefined'?false:true);
},
/**
* 用给定的值initVal，初始化变量obj，并返回obj。如果obj不为undefined，则直接返回obj
* @param {Object} obj
* @param {Object} initVal
*/
initVar:function(obj,initVal) {
if (typeof obj=='undefined') {
obj=initVal;
}
return obj;
},
/**
* 用source扩展destination，并返回destination。
* fProperty和fValue用来筛选source中的属性和值
* @param {Object} destination
* @param {Object} source
* @param {Function} fProperty(property,destination)[scope=source]
* @param {Function} fValue(value,property,destination)[scope=source]
*/
extend:function(destination,source,fProperty,fValue) {
for (var property in source) {
var _property=(fProperty || Util.emptyFunction).call(source,property,destination);
if (_property!=false) {
var _value=(fValue!=null?
fValue.call(source,source[property],property,destination):
source[property]);
destination[typeof _property=='string'?_property:property]=_value;
}
}
return destination;
}
};
/*
* extends Array
*/
(function() {
Util.extend(Array.prototype,{
first:function() {
return this[0];
},
last:function() {
return this[this.length-1];
},
/**
* 给出element在队列中所处的位置索引（第一个），如果不存在则返回-1。参数struct为true是进行严格比较
* @param {Object} element
* @param {Boolean} struct[default=false]
*/
indexOf:function(element,struct) {
var size=this.length;
for (var i=0;i
if ((struct && this[i]===element) ||
(!struct && this[i]==element)) {
break;
}
}
return (i==size?-1:i);
},
/**
* 在索引index处插入元素element1,element2,....
* @param {Number} index
*/
insertAt:function(index) {
var args=[index,0];
var size=arguments.length;
for (var i=1;i
args.push(arguments[i]);
}
this.splice.apply(this,args);
},
/**
* 删除索引index处的size个元素，并返回删除的元素数组
* @param {Number} index
* @param {Number} size[opt=1]
*/
deleteAt:function(index,size) {
result=this.splice(index,size || 1);
return result;
},
/**
* 清空队列
*/
clear:function() {
this.length=0;
}
});
})();
/**
* 事件队列，用于注册和注销事件。并触发对应事件
*/
jsLoader.EventQueue=(function() {
Util.extend(ERRORS,{
'EventQueue.NO_SUCH_EVENT':ERROR_LEVEL.DEBUG+'no such a event',
'EventQueue.ALEADY_EXIST':ERROR_LEVEL.DEBUG+'the message is already exsited!'
});
var constructor=function(event) {
this._queue={};
this.EVENT={};
for (var e in event) {
this.EVENT[event[e]]=true;
this._queue[event[e]]=[];
}
};
Util.extend(constructor.prototype,{
/**
* 触发队列中，对应事件event的消息。参数dispose为ture时，将在触发完后删除该事件的所有消息。
* @param {String} event
* @param {Boolean} dispose[default=false]
* @param {Array} args[default=[]]
*/
dispatch:function(event,dispose,args) {
if (this.EVENT[event]) {
var messages=this._queue[event];
var size=messages.length;
try {
for (var i=0;i
messages[i++].apply(messages[i++],messages[i++].concat(args || []));
}
} catch(e) {
throw new Error(ERROR_LEVEL.DEBUG+e.message);
} finally {
if (dispose) {
this._queue[event].clear();
}
}
} else {
throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event);
}
},
/**
* 注册事件event的消息message。scope和args参数指定了消息调用时的作用域和参数。
* @param {String} event
* @param {Function} message
* @param {Object} scope[default=window]
* @param {Array} args[default=[]]
*/
on:function(event,message,scope,args) {
if (this.EVENT[event]) {
if (this._queue[event].indexOf(message)==-1) {
this._queue[event].push(message);
this._queue[event].push(scope || window);
this._queue[event].push(args || []);
} else {
throw new Error(ERRORS['EventQueue.ALEADY_EXIST']+':'+event);
}
} else {
throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event);
}
},
/**
* 注销事件event的小心message
* @param {String} event
* @param {Function} message
*/
un:function(event,message) {
var index;
if (this.EVENT[event] && (index=this._queue[event].indexOf(message))!=-1) {
this._queue[event].deleteAt(index,3);
} else {
throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event);
}
}
});
return constructor;
})();
/*
* a class of message queue, used to invoke messages orderly
*/
jsLoader.MessageQueue=(function() {
var constructor=function() {
this._queue=[];
this._listened=null;
}
Util.extend(constructor.prototype,{
/**
* 队列监听器，识别队列中是否有可以产生的消息
*/
_listen:function() {
var _this=this;
if (this._listened) {
if (this._queue.length==0) {
setTimeout(function() {
_this._listen()
},500);
} else {
this.inform();
}
}
},
/**
* 启动监听器
*/
startListen:function() {
this._listened=true;
this._listen();
},
/**
* 停止监听器
*/
stopListen:function() {
this._listened=false;
},
/**
* 通知消息队列，另起产生队列头部的一个消息
*/
inform:function() {
if (this._queue.length==0) {
this._listen();
return;
} else {
var message=this._queue.shift();
var scope=this._queue.shift();
var args=this._queue.shift();
try {

JsLoader.rar (7 KB)
下载次数: 256

分享到：

『原创』基础型js库 jsadk v0.1a 发布 | 请教一个js的prototype机制的问题

2007-12-18 14:36
浏览 1211
评论(7)
论坛回复 / 浏览 (7 / 5293)
分类:Web前端
查看更多

7 楼 rain16881 2008-04-21

我用了之后是可以按自己想的顺序加载了..

不过.性能是一个好大的问题.

加上..我在js 的有调用的..一个也不要用.

6 楼 rain16881 2008-04-21

有的ext desktop就有一个js加载顺序的问题.

希望能用你的js loader解决

5 楼 brull 2008-01-14

<div class='quote_title'>ajaxgo 写道</div><div class='quote_div'><div class='quote_title'>brull 写道</div><div class='quote_div'><div class='quote_div'>呵呵，原来在12月份就有这么个东西发布了呢，看样子不错，不过代码没仔细看。对于bingo我也很长时间没空去进一步完善了，希望来年来完善一下。冒味问下，你是与狼共舞？</div></div> 我不是与狼共舞哦，呵呵，不好意思</div> 那看来对这个东西感兴趣的人还是有一些的，我也感到比较欣慰，再接再厉

4 楼 ajaxgo 2008-01-14

<div class='quote_title'>brull 写道</div><div class='quote_div'><div class='quote_div'>呵呵，原来在12月份就有这么个东西发布了呢，看样子不错，不过代码没仔细看。对于bingo我也很长时间没空去进一步完善了，希望来年来完善一下。冒味问下，你是与狼共舞？</div></div> 我不是与狼共舞哦，呵呵，不好意思

3 楼 ajaxgo 2008-01-14

sun2grit 写道

能举几个简单的调用示例吗？

下载的代码里面有示例

2 楼 brull 2008-01-12

<div class='quote_title'>ajaxgo 写道</div><div class='quote_div'>首先很感谢bingo，用非常新颖的思路，实现了这么一个js的loader工具。往外抛异常阻止函数运行，并在加载完后继续运行caller的做法，让人眼前一亮。不得不佩服js的世界是如此的奇妙。在阅读bingo的js loader，获得启发的同时，也对其中的代码功能做了一些调整。例如，添加了绑定事件机制，可以预先绑定需要在加载（loaded）完后触发的操作（事件一共有5类）。规范了消息队列的实现，bingo的实现中，把消息队列耦合的太紧密。所以独立实现了一个消息队列，在loader中使用等等。整个代码经过重写，并加了注释，方便爱好者学习和探讨，也希望大家反馈bug。并且允许在include时，设置caller的scope和arguments，这样就可以在一般的函数中，比如实例方法（而不只是在匿名函数）使用include。因为，bingo的实现中，在调用caller时，只是简单的运行caller，如果在有需要作用域和需要参数传递的函数中，会失去原本的作用域和传递进来的参数。最后，还是非常感谢bingo！代码如下（代码下载在最后）：<div class='code_title'>js 代码</div><div class='dp-highlighter'><ol class='dp-c'><li class='alt'> </li><li>var jsLoader=new function() { </li><li class='alt'> /* </li><li> * const </li><li class='alt'> */ </li><li> this.NAMESPACE_TYPE={ </li><li class='alt'> CLASS:'class', </li><li> INTERFACE:'interface', </li><li class='alt'> OBJECT:'object' </li><li> }; </li><li class='alt'> this.LOADMODE_TYPE={ </li><li> PACKAGE:'package', </li><li class='alt'> FILE:'file', </li><li> DYNAMIC:'dynamic' </li><li class='alt'> }; </li><li> this.ERROR_LEVEL={ </li><li class='alt'> INFO:'@jsadk:', </li><li> DEBUG:'*@jsadk:', </li><li class='alt'> FATAL:'!*@jsadk:', </li><li> THROWS:'^!*@jsadk:' </li><li class='alt'> }; </li><li> this.ERRORS={}; </li><li class='alt'> /* </li><li> * private member </li><li class='alt'> */ </li><li> var _this=this; </li><li class='alt'> var _version='1.0a'; </li><li> var _libPath='./'; </li><li class='alt'> var _errLv=this.ERROR_LEVEL.FATAL; </li><li> var _loadmode=this.LOADMODE_TYPE.PACKAGE; </li><li class='alt'> var _packages={}; </li><li> /* </li><li class='alt'> * getter and setter </li><li> */ </li><li class='alt'> this.getVersion=function() { </li><li> return _version; </li><li class='alt'> }; </li><li> this.getLibPath=function() { </li><li class='alt'> return _libPath; </li><li> }; </li><li class='alt'> this.setLibPath=function(libPath) { </li><li> _libPath=libPath; </li><li class='alt'> }; </li><li> this.getLoadMode=function() { </li><li class='alt'> return _loadmode; </li><li> }; </li><li class='alt'> this.setLoadMode=function(loadmode) { </li><li> _loadmode=loadmode; </li><li class='alt'> </li><li> }; </li><li class='alt'> this.getErrLevel=function() { </li><li> return _errLv; </li><li class='alt'> } </li><li> this.setErrLevel=function(level) { </li><li class='alt'> _errLv=level; </li><li> }; </li><li class='alt'> /* </li><li> * register packages infos </li><li class='alt'> */ </li><li> /** </li><li class='alt'> * 增加包信息 </li><li> * @param {Object} root </li><li class='alt'> * @param {Hash} pks </li><li> */ </li><li class='alt'> var _addPKGs=function(root,pks) { </li><li> for (var pk in pks) { </li><li class='alt'> if (typeof pks[pk]=='string') { </li><li> root[pk]=_this.Util.initVar(root[pk],pks[pk]); </li><li class='alt'> } else if(typeof pks[pk]=='object') { </li><li> root[pk]=_this.Util.initVar(root[pk],{}); </li><li class='alt'> _addPKGs(root[pk],pks[pk]); </li><li> } </li><li class='alt'> } </li><li> }; </li><li class='alt'> /** </li><li> * 获得注册的包信息 </li><li class='alt'> * @param {String|Object} pack </li><li> */ </li><li class='alt'> this.getPKGs=function(pack) { </li><li> return _this.Util.eval(pack,_packages); </li><li class='alt'> }; </li><li> /** </li><li class='alt'> * 注册包信息 </li><li> * @param {Hash} pkgs </li><li class='alt'> * @param {String} ns </li><li> */ </li><li class='alt'> this.regPKGs=function(pkgs,ns) { </li><li> var size=arguments.length; </li><li class='alt'> var ns=ns.split('.'); </li><li> var root=_packages; </li><li class='alt'> for (var i=0;i </li><li> root=root[ns[i]]=_this.Util.initVar(root[ns[i]],{}); </li><li class='alt'> } </li><li> _addPKGs(root,pkgs); </li><li class='alt'> }; </li><li> /* </li><li class='alt'> * catch the window error </li><li> */ </li><li class='alt'> window.onerror=function() { </li><li> if (arguments[0].indexOf(_errLv)>-1) { </li><li class='alt'> return false; </li><li> } else { </li><li class='alt'> return true; </li><li> } </li><li class='alt'> }; </li><li>}; </li><li class='alt'> </li><li>with(jsLoader) { </li><li class='alt'> /* </li><li> * utility methods </li><li class='alt'> */ </li><li> jsLoader.Util={ </li><li class='alt'> /** </li><li> * 一个空函数的引用 </li><li class='alt'> */ </li><li> emptyFunction:function() {}, </li><li class='alt'> /** </li><li> * 在给定的scope中执行代码 </li><li class='alt'> * @param {String} obj </li><li> * @param {Object} scope[default=window] </li><li class='alt'> */ </li><li> eval:function(obj,scope) { </li><li class='alt'> scope=(scope==null)?window:scope; </li><li> if (typeof obj=='string') { </li><li class='alt'> try { </li><li> with(scope) { </li><li class='alt'> obj=eval(obj); </li><li> } </li><li class='alt'> } catch (e) { </li><li> return undefined; </li><li class='alt'> } </li><li> } </li><li class='alt'> return obj; </li><li> }, </li><li class='alt'> /** </li><li> * 检查在给定的scope中对象是否存在 </li><li class='alt'> * @param {String|Object} obj </li><li> * @param {Object} scope[default=window] </li><li class='alt'> */ </li><li> exist:function(obj,scope) { </li><li class='alt'> return (typeof this.eval(obj,scope)=='undefined'?false:true); </li><li> }, </li><li class='alt'> /** </li><li> * 用给定的值initVal，初始化变量obj，并返回obj。如果obj不为undefined，则直接返回obj </li><li class='alt'> * @param {Object} obj </li><li> * @param {Object} initVal </li><li class='alt'> */ </li><li> initVar:function(obj,initVal) { </li><li class='alt'> if (typeof obj=='undefined') { </li><li> obj=initVal; </li><li class='alt'> } </li><li> return obj; </li><li class='alt'> }, </li><li> /** </li><li class='alt'> * 用source扩展destination，并返回destination。 </li><li> * fProperty和fValue用来筛选source中的属性和值 </li><li class='alt'> * @param {Object} destination </li><li> * @param {Object} source </li><li class='alt'> * @param {Function} fProperty(property,destination)[scope=source] </li><li> * @param {Function} fValue(value,property,destination)[scope=source] </li><li class='alt'> */ </li><li> extend:function(destination,source,fProperty,fValue) { </li><li class='alt'> for (var property in source) { </li><li> var _property=(fProperty || Util.emptyFunction).call(source,property,destination); </li><li class='alt'> if (_property!=false) { </li><li> var _value=(fValue!=null? </li><li class='alt'> fValue.call(source,source[property],property,destination): </li><li> source[property]); </li><li class='alt'> destination[typeof _property=='string'?_property:property]=_value; </li><li> } </li><li class='alt'> } </li><li> return destination; </li><li class='alt'> } </li><li> }; </li><li class='alt'> /* </li><li> * extends Array </li><li class='alt'> */ </li><li> (function() { </li><li class='alt'> Util.extend(Array.prototype,{ </li><li> first:function() { </li><li class='alt'> return this[0]; </li><li> }, </li><li class='alt'> last:function() { </li><li> return this[this.length-1]; </li><li class='alt'> }, </li><li> /** </li><li class='alt'> * 给出element在队列中所处的位置索引（第一个），如果不存在则返回-1。参数struct为true是进行严格比较 </li><li> * @param {Object} element </li><li class='alt'> * @param {Boolean} struct[default=false] </li><li> */ </li><li class='alt'> indexOf:function(element,struct) { </li><li> var size=this.length; </li><li class='alt'> for (var i=0;i </li><li> if ((struct && this[i]===element) || </li><li class='alt'> (!struct && this[i]==element)) { </li><li> break; </li><li class='alt'> } </li><li> } </li><li class='alt'> return (i==size?-1:i); </li><li> }, </li><li class='alt'> /** </li><li> * 在索引index处插入元素element1,element2,.... </li><li class='alt'> * @param {Number} index </li><li> */ </li><li class='alt'> insertAt:function(index) { </li><li> var args=[index,0]; </li><li class='alt'> var size=arguments.length; </li><li> for (var i=1;i </li><li class='alt'> args.push(arguments[i]); </li><li> } </li><li class='alt'> this.splice.apply(this,args); </li><li> }, </li><li class='alt'> /** </li><li> * 删除索引index处的size个元素，并返回删除的元素数组 </li><li class='alt'> * @param {Number} index </li><li> * @param {Number} size[opt=1] </li><li class='alt'> */ </li><li> deleteAt:function(index,size) { </li><li class='alt'> result=this.splice(index,size || 1); </li><li> return result; </li><li class='alt'> }, </li><li> /** </li><li class='alt'> * 清空队列 </li><li> */ </li><li class='alt'> clear:function() { </li><li> this.length=0; </li><li class='alt'> } </li><li> }); </li><li class='alt'> })(); </li><li> /** </li><li class='alt'> * 事件队列，用于注册和注销事件。并触发对应事件 </li><li> */ </li><li class='alt'> jsLoader.EventQueue=(function() { </li><li> Util.extend(ERRORS,{ </li><li class='alt'> 'EventQueue.NO_SUCH_EVENT':ERROR_LEVEL.DEBUG+'no such a event', </li><li> 'EventQueue.ALEADY_EXIST':ERROR_LEVEL.DEBUG+'the message is already exsited!' </li><li class='alt'> }); </li><li> var constructor=function(event) { </li><li class='alt'> this._queue={}; </li><li> this.EVENT={}; </li><li class='alt'> for (var e in event) { </li><li> this.EVENT[event[e]]=true; </li><li class='alt'> this._queue[event[e]]=[]; </li><li> } </li><li class='alt'> }; </li><li> Util.extend(constructor.prototype,{ </li><li class='alt'> /** </li><li> * 触发队列中，对应事件event的消息。参数dispose为ture时，将在触发完后删除该事件的所有消息。 </li><li class='alt'> * @param {String} event </li><li> * @param {Boolean} dispose[default=false] </li><li class='alt'> * @param {Array} args[default=[]] </li><li> */ </li><li class='alt'> dispatch:function(event,dispose,args) { </li><li> if (this.EVENT[event]) { </li><li class='alt'> var messages=this._queue[event]; </li><li> var size=messages.length; </li><li class='alt'> try { </li><li> for (var i=0;i </li><li class='alt'> messages[i++].apply(messages[i++],messages[i++].concat(args || [])); </li><li> } </li><li class='alt'> } catch(e) { </li><li> throw new Error(ERROR_LEVEL.DEBUG+e.message); </li><li class='alt'> } finally { </li><li> if (dispose) { </li><li class='alt'> this._queue[event].clear(); </li><li> } </li><li class='alt'> } </li><li> } else { </li><li class='alt'> throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event); </li><li> } </li><li class='alt'> }, </li><li> /** </li><li class='alt'> * 注册事件event的消息message。scope和args参数指定了消息调用时的作用域和参数。 </li><li> * @param {String} event </li><li class='alt'> * @param {Function} message </li><li> * @param {Object} scope[default=window] </li><li class='alt'> * @param {Array} args[default=[]] </li><li> */ </li><li class='alt'> on:function(event,message,scope,args) { </li><li> if (this.EVENT[event]) { </li><li class='alt'> if (this._queue[event].indexOf(message)==-1) { </li><li> this._queue[event].push(message); </li><li class='alt'> this._queue[event].push(scope || window); </li><li> this._queue[event].push(args || []); </li><li class='alt'> } else { </li><li> throw new Error(ERRORS['EventQueue.ALEADY_EXIST']+':'+event); </li><li class='alt'> } </li><li> } else { </li><li class='alt'> throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event); </li><li> } </li><li class='alt'> }, </li><li> /** </li><li class='alt'> * 注销事件event的小心message </li><li> * @param {String} event </li><li class='alt'> * @param {Function} message </li><li> */ </li><li class='alt'> un:function(event,message) { </li><li> var index; </li><li class='alt'> if (this.EVENT[event] && (index=this._queue[event].indexOf(message))!=-1) { </li><li> this._queue[event].deleteAt(index,3); </li><li class='alt'> } else { </li><li> throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event); </li><li class='alt'> } </li><li> } </li><li class='alt'> }); </li><li> return constructor; </li><li class='alt'> })(); </li><li> /* </li><li class='alt'> * a class of message queue, used to invoke messages orderly </li><li> */ </li><li class='alt'> jsLoader.MessageQueue=(function() { </li><li> var constructor=function() { </li><li class='alt'> this._queue=[]; </li><li> this._listened=null; </li><li class='alt'> } </li><li> Util.extend(constructor.prototype,{ </li><li class='alt'> /** </li><li> * 队列监听器，识别队列中是否有可以产生的消息 </li><li class='alt'> */ </li><li> _listen:function() { </li><li class='alt'> var _this=this; </li><li> if (this._listened) { </li><li class='alt'> if (this._queue.length==0) { </li><li> setTimeout(function() { </li><li class='alt'> _this._listen() </li><li> },500); </li><li class='alt'> } else { </li><li> this.inform(); </li><li class='alt'> } </li><li> } </li><li class='alt'> }, </li><li> /** </li><li class='alt'> * 启动监听器 </li><li> */ </li><li class='alt'> startListen:function() { </li><li> this._listened=true; </li><li class='alt'> this._listen(); </li><li> }, </li><li class='alt'> /** </li><li> * 停止监听器 </li><li class='alt'> */ </li><li> stopListen:function() { </li><li class='alt'> this._listened=false; </li><li> }, </li><li class='alt'> /** </li><li> * 通知消息队列，另起产生队列头部的一个消息 </li><li class='alt'> */ </li><li> inform:function() { </li><li class='alt'> if (this._queue.length==0) { </li><li> this._listen(); </li><li class='alt'> return; </li><li> } else { </li><li class='alt'> var message=this._queue.shift(); </li><li> var scope=this._queue.shift(); </li><li class='alt'> var args=this._queue.shift(); </li><li> try { </li><li> </li></ol></div></div><div class='quote_div'>呵呵，原来在12月份就有这么个东西发布了呢，看样子不错，不过代码没仔细看。对于bingo我也很长时间没空去进一步完善了，希望来年来完善一下。冒味问下，你是与狼共舞？</div>

1 楼 sun2grit 2008-01-12

能举几个简单的调用示例吗？

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论