ExtJS Ext.namespace详解

Ext.namespace的作用是Creates namespaces to be used for scoping variables and classes so that they are not global。

具体的创建代码很简单，我开始不理解，因为没有看到任何return语句，创建的package不知道怎么可以被引用到。阅读源码解惑：

/*
 * 这段代码来自ExtJs。是Ext.namespace()的实现。
 * 里面的console语句是我自己实现的。  
 */
function ns(){
            var a=arguments, o=null, i, j, d, rt;
            for (i=0; i<a.length; ++i) {
                console.log("deal with "+a[i]);
                d=a[i].split(".");
                rt = d[0];
				/*
				 * 这句话是关键：理解成
				 * if(typeof abc == 'undefined'){
				 *    abc = {}; //abc对象就是这样定义。
				 * }
				 */ 
                eval('if (typeof ' + rt + ' == "undefined"){' + rt + ' = {};} o = ' + rt + ';');
                console.log('RT is ' +rt);
                console.log("O is " + typeof(o) + "name " + o.name);
                for (j=1; j<d.length; ++j) {
                    console.log("Append attr " + d[j] + "as object");
                    o[d[j]]=o[d[j]] || {};
                    o=o[d[j]];
                }
            }
        }

//这句话其实会定义两个对象，分别是abc和kk。他们都的宿主都是window. abc有d,dd,ddd三个属性。而kk对象有a,b两个属性。
ns('abc','abc.d','abc.dd','abc.ddd','kk','kk.a','kk.b');
console.log("----------------");
console.dir(kk);
console.log("----------------")
console.dir(abc);
//验证一下他们的宿主
console.dir(window);

Firebug果然是个宝啊。。。

结果看下面的截图：

评论

7 楼 tongwawa 2012-08-03  

好！！！！！！

6 楼 liusu 2009-11-14  

截图的任务栏泄露了。。。

5 楼 andy_ghg 2009-11-14  

哦...我看到截图了汗一个....

4 楼 andy_ghg 2009-11-14  

Rooock 写道

没看明白..
LZ的是window7 ?

从哪里看出来他用的是Windows 7?

3 楼 liusu 2009-11-13  

是的，我用的win7

2 楼 Rooock 2009-11-13  

没看明白..
LZ的是window7 ?

1 楼 andy_ghg 2009-11-13  

拜读,确实解开了我心中的一大疑惑.非常感谢