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

最新推荐文章于 2020-04-05 10:48:00 发布

lorry1113

最新推荐文章于 2020-04-05 10:48:00 发布

阅读量188

点赞数

CC 4.0 BY-SA版权

分类专栏： ext 文章标签： EXT J#

本文链接：https://blog.youkuaiyun.com/lorry1113/article/details/83395422

ext 专栏收录该内容

9 篇文章

订阅专栏

本文解释了ExtJS中命名空间的概念及其创建方式，通过实例帮助初学者理解如何使用Ext创建和组织命名空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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