基于JavaScript 下namespace 功能的简单分析

139 阅读 0 评论 92 点赞

我是靠谱客的博主动听雪糕，最近开发中收集的这篇文章主要介绍基于JavaScript 下namespace 功能的简单分析，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

之前看到网易还是新浪还是什么什么网站来着，也是用类似这种东西的，当时对js只是九牛一毛的水平，当场被吓傻了。
但这次，我打算亲自分析下，以后在看到就不会迷茫了。

复制代码代码如下:

//调用例子：bradio.namespace("bradio.lang.array");
 //下面是百度编译后的源码，变量都是a,b,c,d...之后我会重新写一个规范点的。
 //好了，开始分析
 bradio.namespace = function () { //创建命名空间
     var a = arguments, //["bradio.lang.array"]
         b = null, //用于存放上一级对象
         c, d, e, f; //c是计数器，d是内层循环的计数器，e是拆分后命名空间数组，f是arguments参数长度
     c = 0;
     for (f = a.length; c < f; c++) {
         e = ("" + a[c]).split("."); //拆分命名空间，拆分后 ["bradio", "lang", "array"]
         b = bradio; //基础对象，基于这个对象进行命名空间的添加
         for (d = "bradio" == e[0] ? 1 : 0; d < e.length; d++) //如果第一个是bradio, 就第二个开始遍历 ["bradio","lang","array"]
             b[e[d]] = b[e[d]] || {}, b = b[e[d]]
             //其实相当于
             //b[e[d]] = b[e[d]] || {} //如果当前对象已经操作就用当前对象，不存在就赋值空对象
             //b = b[e[d]] //用字对象覆盖b，接下去的循环基于子对象添加命名空间
     }
     return b//返回最后一层对象
 };

下面是整理后的，能看懂的版本

复制代码代码如下:

//bradio.namespace("bradio.lang.array");
  bradio.namespace = function () { //创建命名空间
      var args = arguments,
          parent = null,
          arr, i, j, len;
      for (i=0, len = args.length; i < len; i++) {
          arr = ("" + args[i]).split(".");
          parent = bradio;
          for(j = "bradio" == arr[0] ? 1 : 0; j < arr.length; j++) {
              parent[ arr[j] ] = parent[ arr[j] ] || {};
              parent = parent[ arr[j] ];
          }
      }
      return parent;
  }

当然只是我的理解，如果哪里不是很对，还请各位大侠帮忙指出，以免误导了大家。