Ext源码分析：解析Ext的命名空间，Ext.namespace

初学者一定对Ext大量的命名空间感到不解，其实是非常简单的东西，看完这篇文章就明白了。

比如就用Ext.panel,Ext.layout.BorderLayout这2个命名空间来说吧，Ext是这样创建的：

Ext = {};
Ext.panel = {};
Ext.layout = {};
Ext.layout.BorderLayout = {};

说穿了是啥？对象里面套对象而已，很简单吧？我们来看看namespace的方法

 

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方法的参数，然后用点号分割成数组，依次把空对象递归赋值进去，上面就是系统内建的命名空间