JavaScript 命名空间实现原理与代码重构分析

引言：从混淆代码到清晰理解

早期在访问网易或新浪等网站时，曾见过类似的技术实现。当时对JavaScript的理解尚浅，面对这种结构感到十分困惑。

此次决定亲自剖析其实现细节，以便未来再遇到此类代码时能够从容应对，不再感到迷茫。

//调用示例：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;
  }

以上仅为个人理解，若存在偏差，欢迎指正，以免误导他人。