快捷導(dǎo)航

基于JavaScript 下namespace 功能的簡(jiǎn)單分析

更新時(shí)間：2013年07月05日 15:41:51 作者：

前些天在剝離百度隨心聽的播放器引擎時(shí)，看到了一個(gè)namespace方法，覺得新奇，當(dāng)然只是對(duì)于我自己而言，我入門js不久，經(jīng)驗(yàn)尚淺

之前看到網(wǎng)易還是新浪還是什么什么網(wǎng)站來著，也是用類似這種東西的，當(dāng)時(shí)對(duì)js只是九牛一毛的水平，當(dāng)場(chǎng)被嚇傻了。
但這次，我打算親自分析下，以后在看到就不會(huì)迷茫了。

復(fù)制代碼代碼如下:

//調(diào)用例子：bradio.namespace("bradio.lang.array");
 //下面是百度編譯后的源碼，變量都是a,b,c,d...之后我會(huì)重新寫一個(gè)規(guī)范點(diǎn)的。
 //好了，開始分析
 bradio.namespace = function () { //創(chuàng)建命名空間
     var a = arguments, //["bradio.lang.array"]
         b = null, //用于存放上一級(jí)對(duì)象
         c, d, e, f; //c是計(jì)數(shù)器，d是內(nèi)層循環(huán)的計(jì)數(shù)器，e是拆分后命名空間數(shù)組，f是arguments參數(shù)長(zhǎng)度
     c = 0;
     for (f = a.length; c < f; c++) {
         e = ("" + a[c]).split("."); //拆分命名空間，拆分后 ["bradio", "lang", "array"]
         b = bradio; //基礎(chǔ)對(duì)象，基于這個(gè)對(duì)象進(jìn)行命名空間的添加
         for (d = "bradio" == e[0] ? 1 : 0; d < e.length; d++) //如果第一個(gè)是bradio, 就第二個(gè)開始遍歷 ["bradio","lang","array"]
             b[e[d]] = b[e[d]] || {}, b = b[e[d]]
             //其實(shí)相當(dāng)于
             //b[e[d]] = b[e[d]] || {} //如果當(dāng)前對(duì)象已經(jīng)操作就用當(dāng)前對(duì)象，不存在就賦值空對(duì)象
             //b = b[e[d]] //用字對(duì)象覆蓋b，接下去的循環(huán)基于子對(duì)象添加命名空間
     }
     return b//返回最后一層對(duì)象
 };

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

復(fù)制代碼代碼如下:

//bradio.namespace("bradio.lang.array");
  bradio.namespace = function () { //創(chuàng)建命名空間
      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;
  }

當(dāng)然只是我的理解，如果哪里不是很對(duì)，還請(qǐng)各位大俠幫忙指出，以免誤導(dǎo)了大家。

您可能感興趣的文章: