Ext.namespace 命名空间的解析

Ext.namespace 命名空间的解析

之前做项目看Ext3.x的时候，觉得会用就好了，没有深入去理解。最近研究Sencha又遇到这个疑惑。于是上网搜了很多相关的资料，在此总结一下。
1.
Ext.namespace方法,该方法的作用是把传入的参数转换成对象.使用该方法的目的主要在于可以区分类名相同的类,这有点和java中的package作用类似.让我们先看下源码:

1 namespace : function(){
2        var a=arguments, o=null, i, j, d, rt;
3        for (i=0; i<a.length; ++i) {
4                d=a[i].split(".");
5                rt = d[0];
6                eval(‘if (typeof ‘ + rt + ‘ == "undefined"){‘ + rt + ‘ = {};} o = ‘ + rt + ‘;‘);
7                for (j=1; j<d.length; ++j) {
8                     o[d[j]]=o[d[j]] || {};
9                     o=o[d[j]];
10                }
11        }
12 ,
13 ……
14 ……
15 Ext.ns = Ext.namespace;
16 ……
17  ……
18 Ext.ns("Ext", "Ext.util", "Ext.grid", "Ext.dd", "Ext.tree", "Ext.data", "Ext.form", "Ext.menu", "Ext.state", "Ext.lib", "Ext.layout", "Ext.app", "Ext.ux");

首先通过arguments得到namespace方法的参数，然后用点号分割成数组，依次把空对象递归赋值进去，上面就是系统内建的命名空间
从代码可以看出,如果我们传入的字符串参数是以"."分割的,那么将会创建多个对象,比如:
Ext.namespace('system.corp');
则会创建2个对象,相当于执行了下面的代码:
system = {};
system.corp = {};
这样,我们在自定义类的时候就能这样使用:
Ext.namespace('system.corp');

system.corp.ManageCorp = function() {
    //dosomething
}
如果还想定义一个同名的类,那么可以就使用不同的namespace来区分,这样2个类就不会冲突了:
Ext.namespace('system.admin');

system.admin.ManageCorp = function() {
    //dosomething
}
此外,注意源码中"eval"方法的使用,如果有需要可以采用这种方式来解决问题。
2.
对于java中的包，我们都认为主要是为了类名重复而引入的一种管理类的方法。同样，因为js定义的类太多，难免会定义重复的类名。特别是在今天这个需要共同协作完成项目的世界里。Ext.namespace正是为此而生。
Ext.namespace('com.company');
就是定义了一个com.company的包。
com.company.ClassA = function(){}；就是定义了com.company包下面的一个Class。既然定义了包，为何还要写Ext.namespace('com.company')？直接写com.company.ClassA = function(){}不行吗？com.company.ClassA不就是一个变量名称吗？哪儿来的包。后来经实践，javascript的变量名称是不准包括'.'的。因此，直接写com.company.ClassA = function(){}；在语法上是不正确的。
查看ext的官方解释，如果我们不用Ext.namespace的话，创建命名空间应该这样。
if (!App) App = {};
if (!App.form) App.form = {};
if (!App.data) App.data = {};
而 Ext.namespace('App', 'App.form', 'App.data');
则跟上面3句话的作用是一样的。
可以看出，这个包其本质上是一个对象，一个window的变量。也就是说，我们的包是一个分层次的对象。如com.company，应该解释成com对象的一个属性company。如果定义这个包下面的类，则应该把这个类添加到com对象的属性company的属性里面。
3.
Ext.namespace("webbook.author.comboBox")
JS中相当于创建了三个对象: (类似于JAVA包)
webbook={};
webbook.author={};
webbook.author.comboBox={};

对像赋值:
webbook=["t","v"];
webbook.author.comboBox=[["t1","v1"],["t2","v2"]];
webbook.author.comboBox.level=[....]            //定义"对象.变量"赋值,但不能webbook.author.comboBox.level.name=[..],因为level不是对象。
宠辱不惊，闲看庭前花开花落；去留无意，漫随天外云卷云舒。