关于extjs中对所属对象的引用方式

最近在读一个关于 将extjs 项目实现模块化的代码。发现了几个地方不懂（也跟鄙人javaScript基础太薄有关），经过研究后稍有理解。

1. this[id] ：

经过研究后才得知：这是对this中的对象进行引用的一种方式。id是什么？如果this对象中定义了一个对象：

this.scoreManage = new Ext.tree.TreePanel({....

若id = "scoreManage", 则 this[id] 即为对本对象的引用。

引用这个对象还有什么其他的方式？ 常见的：this.scoreManage, this["scoreManage"]  (注意，this[scoreManage]  就不行,还有 this[scoreManage.id] 也不行 ）

那么，如果 alert( this[id] )； 把这个引用打印出来是什么呢？是[ Tree ext-comp-1006 ]， 这是一个对象，用firebug展开this可以看到：

 方括号中的 ext-comp-1006 是什么?将scoreManage.id 打印出来，一看，就是 ext-comp-1006.

2. 这段代码：

// 获取模块类
this[id] = eval(response.responseText);
// 实例化模块类
model = new this[id](tab);

读懂以后得知：

第一句代码是从相应的 .js文件获取 this[id]对象的代码，第二句是new 一个 this[id] 的对象。

“this[id]”可以看做是一个类名。——叫啥名？是什么类？不知道，也不管。因为模块化要的就是这个效果， 希望model是啥，就在第一句代码中找来的.js文件中让model继承啥好了。

1 和 2 两点有什么关系？

这就是本文的重点了，如果一个tree叫 scoreManage， 同时，索取的那个.js文件也叫 scoreManage.js， 那么就有问题了。this[id]我们想要的是代表那个.js文件，可是因为名字相同，this["scoreManage"] 却代表的是那个tree. 所以，我们在给 /module/ 路径下的 .js 文件命名时就要注意了 ， 我们可能很像命名为 scoreManage，但这里不行了，得换个名字， 要么使用 scoremanage, 要么用个别的其他名字。

当然，还有个更好的方法，就是借鉴匈牙利命名法， Tree 咱就命名为 treeScoreManage, Module就命名为 modScoreManage.js .这样就可以避免 使用this[id] 引用错了对象了。

初学ext， 还望各位多多拍砖。