ajaxgo www.ajaxgo.org www.ajaxgo.cn http://ajaxgo.javaeye.com UTF-8 Copyright 2003-2008, JavaEye.com http://blogs.law.harvard.edu/tech/rss JavaEye - 做最棒的软件开发交流社区 针对之前bingo发布的一个js loader工具进行的改进【bug已修正】 ajaxgo 作者: ajaxgo  链接：http://ajaxgo.javaeye.com/blog/149125  发表时间: 2007年12月18日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

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

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

最后，还是非常感谢bingo！

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

js 代码
  1.   
  2. var jsLoader=new function() {   
  3.     /*  
  4.      * const  
  5.      */  
  6.     this.NAMESPACE_TYPE={   
  7.             CLASS:'class',   
  8.             INTERFACE:'interface',   
  9.             OBJECT:'object'   
  10.         };   
  11.     this.LOADMODE_TYPE={   
  12.             PACKAGE:'package',   
  13.             FILE:'file',   
  14.             DYNAMIC:'dynamic'   
  15.         };   
  16.     this.ERROR_LEVEL={   
  17.         INFO:'@jsadk:',   
  18.         DEBUG:'*@jsadk:',   
  19.         FATAL:'!*@jsadk:',         
  20.         THROWS:'^!*@jsadk:'   
  21.     };   
  22.     this.ERRORS={};   
  23.     /*  
  24.      * private member  
  25.      */  
  26.     var _this=this;    
  27.     var _version='1.0a';   
  28.     var _libPath='./';   
  29.     var _errLv=this.ERROR_LEVEL.FATAL;   
  30.     var _loadmode=this.LOADMODE_TYPE.PACKAGE;   
  31.     var _packages={};   
  32.     /*  
  33.      * getter and setter  
  34.      */  
  35.     this.getVersion=function() {   
  36.         return _version;   
  37.     };   
  38.     this.getLibPath=function() {   
  39.         return _libPath;   
  40.     };   
  41.     this.setLibPath=function(libPath) {   
  42.         _libPath=libPath;   
  43.     };   
  44.     this.getLoadMode=function() {   
  45.         return _loadmode;   
  46.     };   
  47.     this.setLoadMode=function(loadmode) {   
  48.         _loadmode=loadmode;   
  49.            
  50.     };   
  51.     this.getErrLevel=function() {   
  52.         return _errLv;   
  53.     }   
  54.     this.setErrLevel=function(level) {   
  55.         _errLv=level;   
  56.     };   
  57.     /*  
  58.      * register packages infos  
  59.      */  
  60.     /**  
  61.      * 增加包信息  
  62.      * @param {Object} root  
  63.      * @param {Hash} pks  
  64.      */  
  65.     var _addPKGs=function(root,pks) {   
  66.         for (var pk in pks) {   
  67.             if (typeof pks[pk]=='string') {   
  68.                 root[pk]=_this.Util.initVar(root[pk],pks[pk]);   
  69.             } else if(typeof pks[pk]=='object') {   
  70.                 root[pk]=_this.Util.initVar(root[pk],{});   
  71.                 _addPKGs(root[pk],pks[pk]);   
  72.             }   
  73.         }   
  74.     };   
  75.     /**  
  76.      * 获得注册的包信息  
  77.      * @param {String|Object} pack  
  78.      */  
  79.     this.getPKGs=function(pack) {   
  80.         return _this.Util.eval(pack,_packages);   
  81.     };   
  82.     /**  
  83.      * 注册包信息  
  84.      * @param {Hash} pkgs  
  85.      * @param {String} ns  
  86.      */  
  87.     this.regPKGs=function(pkgs,ns) {   
  88.         var size=arguments.length;   
  89.         var ns=ns.split('.');   
  90.         var root=_packages;   
  91.         for (var i=0;i
  92.             root=root[ns[i]]=_this.Util.initVar(root[ns[i]],{});   
  93.         }   
  94.         _addPKGs(root,pkgs);   
  95.     };   
  96.     /*  
  97.      * catch the window error  
  98.      */  
  99.     window.onerror=function() {   
  100.         if (arguments[0].indexOf(_errLv)>-1) {   
  101.             return false;   
  102.         } else {   
  103.             return true;   
  104.         }   
  105.     };   
  106. };   
  107.   
  108. with(jsLoader) {   
  109.     /*  
  110.      * utility methods  
  111.      */  
  112.     jsLoader.Util={   
  113.         /**  
  114.          * 一个空函数的引用  
  115.          */  
  116.         emptyFunction:function() {},       
  117.         /**  
  118.          * 在给定的scope中执行代码  
  119.          * @param {String} obj  
  120.          * @param {Object} scope[default=window]  
  121.          */  
  122.         eval:function(obj,scope) {   
  123.             scope=(scope==null)?window:scope;   
  124.             if (typeof obj=='string') {   
  125.                 try {   
  126.                     with(scope) {   
  127.                         obj=eval(obj);   
  128.                     }   
  129.                 } catch (e) {   
  130.                     return undefined;   
  131.                 }   
  132.             }   
  133.             return obj;    
  134.         },   
  135.         /**  
  136.          * 检查在给定的scope中对象是否存在  
  137.          * @param {String|Object} obj  
  138.          * @param {Object} scope[default=window]  
  139.          */  
  140.         exist:function(obj,scope) {   
  141.             return (typeof this.eval(obj,scope)=='undefined'?false:true);   
  142.         },   
  143.         /**  
  144.          * 用给定的值initVal，初始化变量obj，并返回obj。如果obj不为undefined，则直接返回obj  
  145.          * @param {Object} obj  
  146.          * @param {Object} initVal  
  147.          */    
  148.         initVar:function(obj,initVal) {   
  149.             if (typeof obj=='undefined') {   
  150.                 obj=initVal;   
  151.             }   
  152.             return obj;   
  153.         },   
  154.         /**  
  155.          * 用source扩展destination，并返回destination。  
  156.          * fProperty和fValue用来筛选source中的属性和值  
  157.          * @param {Object} destination  
  158.          * @param {Object} source  
  159.          * @param {Function} fProperty(property,destination)[scope=source]  
  160.          * @param {Function} fValue(value,property,destination)[scope=source]  
  161.          */  
  162.         extend:function(destination,source,fProperty,fValue) {   
  163.             for (var property in source) {   
  164.                 var _property=(fProperty || Util.emptyFunction).call(source,property,destination);   
  165.                 if (_property!=false) {   
  166.                     var _value=(fValue!=null?   
  167.                                     fValue.call(source,source[property],property,destination):   
  168.                                     source[property]);   
  169.                     destination[typeof _property=='string'?_property:property]=_value;   
  170.                 }   
  171.             }   
  172.             return destination;   
  173.         }   
  174.     };   
  175.     /*  
  176.      * extends Array  
  177.      */  
  178.     (function() {   
  179.         Util.extend(Array.prototype,{   
  180.             first:function() {   
  181.                 return this[0];   
  182.             },   
  183.             last:function() {   
  184.                 return this[this.length-1];   
  185.             },   
  186.             /**  
  187.              * 给出element在队列中所处的位置索引（第一个），如果不存在则返回-1。参数struct为true是进行严格比较  
  188.              * @param {Object} element  
  189.              * @param {Boolean} struct[default=false]  
  190.              */  
  191.             indexOf:function(element,struct) {   
  192.                 var size=this.length;   
  193.                 for (var i=0;i
  194.                     if ((struct && this[i]===element) ||    
  195.                             (!struct && this[i]==element)) {   
  196.                         break;     
  197.                     }    
  198.                 }   
  199.                 return (i==size?-1:i);   
  200.             },   
  201.             /**  
  202.              * 在索引index处插入元素element1,element2,....  
  203.              * @param {Number} index  
  204.              */  
  205.             insertAt:function(index) {   
  206.                 var args=[index,0];   
  207.                 var size=arguments.length;   
  208.                 for (var i=1;i
  209.                     args.push(arguments[i]);   
  210.                 }   
  211.                 this.splice.apply(this,args);   
  212.             },   
  213.             /**  
  214.              * 删除索引index处的size个元素，并返回删除的元素数组  
  215.              * @param {Number} index  
  216.              * @param {Number} size[opt=1]  
  217.              */  
  218.             deleteAt:function(index,size) {   
  219.                 result=this.splice(index,size || 1);   
  220.                 return result;     
  221.             },   
  222.             /**  
  223.              * 清空队列  
  224.              */  
  225.             clear:function() {   
  226.                 this.length=0;   
  227.             }   
  228.         });   
  229.     })();   
  230.     /**  
  231.      * 事件队列，用于注册和注销事件。并触发对应事件  
  232.      */  
  233.     jsLoader.EventQueue=(function() {   
  234.         Util.extend(ERRORS,{   
  235.             'EventQueue.NO_SUCH_EVENT':ERROR_LEVEL.DEBUG+'no such a event',   
  236.             'EventQueue.ALEADY_EXIST':ERROR_LEVEL.DEBUG+'the message is already exsited!'   
  237.         });   
  238.         var constructor=function(event) {   
  239.             this._queue={};   
  240.             this.EVENT={};   
  241.             for (var e in event) {   
  242.                 this.EVENT[event[e]]=true;   
  243.                 this._queue[event[e]]=[];   
  244.             }   
  245.         };   
  246.         Util.extend(constructor.prototype,{   
  247.             /**  
  248.              * 触发队列中，对应事件event的消息。参数dispose为ture时，将在触发完后删除该事件的所有消息。  
  249.              * @param {String} event  
  250.              * @param {Boolean} dispose[default=false]  
  251.              * @param {Array} args[default=[]]  
  252.              */  
  253.             dispatch:function(event,dispose,args) {   
  254.                 if (this.EVENT[event]) {   
  255.                     var messages=this._queue[event];   
  256.                     var size=messages.length;   
  257.                     try {   
  258.                         for (var i=0;i
  259.                             messages[i++].apply(messages[i++],messages[i++].concat(args || []));   
  260.                         }   
  261.                     } catch(e) {   
  262.                         throw new Error(ERROR_LEVEL.DEBUG+e.message);   
  263.                     } finally {   
  264.                         if (dispose) {   
  265.                             this._queue[event].clear();   
  266.                         }   
  267.                     }   
  268.                 } else {   
  269.                     throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event);   
  270.                 }   
  271.             },   
  272.             /**  
  273.              * 注册事件event的消息message。scope和args参数指定了消息调用时的作用域和参数。  
  274.              * @param {String} event  
  275.              * @param {Function} message  
  276.              * @param {Object} scope[default=window]  
  277.              * @param {Array} args[default=[]]  
  278.              */  
  279.             on:function(event,message,scope,args) {   
  280.                 if (this.EVENT[event]) {   
  281.                     if (this._queue[event].indexOf(message)==-1) {   
  282.                         this._queue[event].push(message);   
  283.                         this._queue[event].push(scope || window);   
  284.                         this._queue[event].push(args || []);   
  285.                     } else {   
  286.                         throw new Error(ERRORS['EventQueue.ALEADY_EXIST']+':'+event);   
  287.                     }          
  288.                 } else {   
  289.                     throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event);   
  290.                 }   
  291.             },   
  292.             /**  
  293.              * 注销事件event的小心message  
  294.              * @param {String} event  
  295.              * @param {Function} message  
  296.              */  
  297.             un:function(event,message) {   
  298.                 var index;   
  299.                 if (this.EVENT[event] && (index=this._queue[event].indexOf(message))!=-1) {   
  300.                     this._queue[event].deleteAt(index,3);   
  301.                 } else {   
  302.                     throw new Error(ERRORS['EventQueue.NO_SUCH_EVENT']+':'+event);   
  303.                 }                  
  304.             }   
  305.         });   
  306.         return constructor;   
  307.     })();   
  308.     /*  
  309.      * a class of message queue, used to invoke messages orderly  
  310.      */  
  311.     jsLoader.MessageQueue=(function() {    
  312.         var constructor=function() {   
  313.             this._queue=[];   
  314.             this._listened=null;   
  315.         }   
  316.         Util.extend(constructor.prototype,{   
  317.             /**  
  318.              * 队列监听器，识别队列中是否有可以产生的消息  
  319.              */  
  320.             _listen:function() {   
  321.                 var _this=this;                
  322.                 if (this._listened) {   
  323.                     if (this._queue.length==0) {   
  324.                         setTimeout(function() {   
  325.                             _this._listen()   
  326.                         },500);   
  327.                     } else {   
  328.                         this.inform();   
  329.                     }   
  330.                 }   
  331.             },   
  332.             /**  
  333.              * 启动监听器  
  334.              */  
  335.             startListen:function() {   
  336.                 this._listened=true;   
  337.                 this._listen();    
  338.             },   
  339.             /**  
  340.              * 停止监听器  
  341.              */  
  342.             stopListen:function() {   
  343.                 this._listened=false;   
  344.             },   
  345.             /**  
  346.              * 通知消息队列，另起产生队列头部的一个消息  
  347.              */  
  348.             inform:function() {   
  349.                 if (this._queue.length==0) {   
  350.                     this._listen();   
  351.                     return;   
  352.                 } else {   
  353.                     var message=this._queue.shift();   
  354.                     var scope=this._queue.shift();   
  355.                     var args=this._queue.shift();   
  356.                     try {   

本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Tue, 18 Dec 2007 14:36:35 +0800 http://ajaxgo.javaeye.com/blog/149125 http://ajaxgo.javaeye.com/blog/149125 请教一个js的prototype机制的问题 ajaxgo 作者: ajaxgo  链接：http://ajaxgo.javaeye.com/blog/121589  发表时间: 2007年09月07日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

在看一篇js的论文时，看见这么一段话：
When reading property p of object x using the expression x.p, the object x is searched first for a property named p. If there is one, its value is returned; if not, x’s prototype (let’s call it y) is searched for a property named p. If there isn’t one, y’s prototype is searched next and so on. If no property at all is found, the result is the value undefined.

于是，我用下面的代码测试了下：

js 代码
  1. var a=function() {} ;   
  2. a.prototype=function() {} ;   
  3. a.prototype.prototype.test='a';   
  4.   
  5. var b=new a();   
  6. alert(b.test);   
但，并没有如文中所说那样，b.test还是undefined
不知道是我理解错了那段话，还是这段话是错的，希望有人来给我指点迷津，谢谢！
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 07 Sep 2007 11:16:43 +0800 http://ajaxgo.javaeye.com/blog/121589 http://ajaxgo.javaeye.com/blog/121589 关于java中，try/catch执行的问题 ajaxgo 作者: ajaxgo  链接：http://ajaxgo.javaeye.com/blog/118979  发表时间: 2007年08月31日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

今天无意中，同事发现了一个有趣的现象，首先来看一下以下代码：

java 代码会发现，18行加载了一下变量b中的值，所以，其实，在执行代码的第8行时，并不是执行return，而只是往内存中存储变量b的值。

  1. public class Test {   
  2.     private static int todo() {   
  3.         int b=1;   
  4.         try{   
  5.             int a=2/0;   
  6.         } catch(Exception e) {   
  7.             System.out.println("in catch");
  8.             return 1;   
  9.         } finally {   
  10.             System.out.println("in final");   
  11.         }   
  12.         return 2;   
  13.     }   
  14.     /**  
  15.      * @param args  
  16.      */  
  17.     public static void main(String[] args) {   
  18.         System.out.println(todo());   
  19.   
  20.     }   
  21. }  

此时，运行结果为
in catch
in final
1

看到这里，少部分人已经开始不明白了，我们继续看另一则代码（请注意细小的差别）：

java 代码
  1. public class Test {      
  2.     private static int todo() {      
  3.         int b=1;      
  4.         try{      
  5.             int a=2/0;      
  6.         } catch(Exception e) {      
  7.             System.out.println("in catch");   
  8.             return b;      
  9.         } finally {      
  10.             System.out.println("in final");      
  11.         }      
  12.         return 2;      
  13.     }      
  14.     /**    
  15.      * @param args    
  16.      */     
  17.     public static void main(String[] args) {      
  18.         System.out.println(todo());      
  19.      
  20.     }      
  21. }     

此时，运行结果依旧是
in catch
in final
1

但是通过单步执行，会发现，两种代码的执行顺序有少许差别

第一种代码的try/catch单步执行顺序为
7->10->8

第二种代码的try/catch单步执行顺序为
7->8->10->8

这里我们对其进行了研究，从中间码入手，首先来分别看看两者的中间码：

上述第一块代码的中间码
  1. 11  ldc <String "in catch"> [22]   
  2. 13  invokevirtual java.io.PrintStream.println(java.lang.String) : void [24]   
  3. 16  getstatic java.lang.System.out : java.io.PrintStream [16]   
  4. 19  ldc <String "in final"> [30]   
  5. 21  invokevirtual java.io.PrintStream.println(java.lang.String) : void [24]   
  6. 24  iconst_1   
  7. 25  ireturn  

可以发现，明显的执行顺序，1行把装入字符串转入内存，2行打印，4行在把字符串装入内存，5行再打印，7行返回

上述第二块代码的中间码
  1. 13  ldc <String "in catch"> [22]   
  2. 15  invokevirtual java.io.PrintStream.println(java.lang.String) : void [24]   
  3. 18  iload_0 [b]   
  4. 19  istore_3   
  5. 20  getstatic java.lang.System.out : java.io.PrintStream [16]   
  6. 23  ldc <String "in final"> [30]   
  7. 25  invokevirtual java.io.PrintStream.println(java.lang.String) : void [24]   
  8. 28  iload_3
  9. 29  ireturn  

 

以上的过程，分析下中间码，还是可以理解的，但是非常非常让人奇怪的是，如下的代码（请还是注意不同的细节）

java 代码
  1. public class Test {         
  2.     private static int todo() {         
  3.         int b=1;         
  4.         try{         
  5.             int a=2/0;         
  6.         } catch(Exception e) {         
  7.             System.out.println("in catch");      
  8.             return b;         
  9.         } finally {  
  10.             b=3;       
  11.             System.out.println("in final");         
  12.         }         
  13.         return 2;         
  14.     }         
  15.     /**      
  16.      * @param args      
  17.      */        
  18.     public static void main(String[] args) {         
  19.         System.out.println(todo());         
  20.         
  21.     }         
  22. }        

此时运行结果照样是
in catch
in final
1

单步执行结果是 7->8->10->11->8
想不通的是，根据单步执行，在finally里对b进行了修改，但是，返回的仍旧是1

再来看看这个代码的中间码：

第三个代码的中间码
  1. 13  ldc <String "in catch"> [22]   
  2. 15  invokevirtual java.io.PrintStream.println(java.lang.String) : void [24]   
  3. 18  iload_0 [b]   
  4. 19  istore_3   
  5. 20  iconst_3   
  6. 21  istore_0 [b]   
  7. 22  getstatic java.lang.System.out : java.io.PrintStream [16]   
  8. 25  ldc <String "in final"> [30]   
  9. 27  invokevirtual java.io.PrintStream.println(java.lang.String) : void [24]   
  10. 30  iload_3   
  11. 31  ireturn  

因为，其实我没怎么学过汇编，只是初步的分析了
3行加载b的地址，4行在地址3储存b的值（此时地址3的值为1），5行加载一个常量，6行把常量存入b的地址（此时b的值为3），10行加载地址3的值，最后返回值。
不知道这样的解释是否合理，也请，希望能够得到一个对于try./catch块执行问题的通俗答案，谢谢！


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 31 Aug 2007 20:32:37 +0800 http://ajaxgo.javaeye.com/blog/118979 http://ajaxgo.javaeye.com/blog/118979