Angularjs的IOC Inject分析

     在上一篇《Angularjs開發一些經驗總結》中提到angular開發中的IOC inject優先，所以在這節將引用angularjs的注入代碼來分析angularjs的注入方式。在《再談angularjs DI(Dependency Injection)》中提到angularjs的注入方式分為3中方式，如果你還不清楚的請移步。

1. 推斷式注入：在angularjs中我們可以在我們需要注入的地方按照名稱注入，這里要求參數名稱必須和注入服務實例名稱相同，一種名稱約定，angularjs會提取參數名稱查找相應DI實例注入；
2. :標記注入:在angularjs中我們可以利用$inject標注DI注入,這里需要注入服務名稱的順序和構造參數名對應.這里可以解決以上約定的死板性；
3. 內聯注入：對於directives，factory，filter等特殊指令使用$inject標注注入使用不是那么友好，angularjs特別增加了內聯注入。

    在這里我們先上今天的主角code：

/** 
* @ngdoc overview 
* @name AUTO 
* @description 
* 
* Implicit module which gets automatically added to each {@link AUTO.$injector $injector}. 
*/ 

var FN_ARGS = /^function\s*[^\(]*\(\s*([^\)]*)\)/m; 
var FN_ARG_SPLIT = /,/; 
var FN_ARG = /^\s*(_?)(.+?)\1\s*$/; 
var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg; 
function annotate(fn) { 
  var $inject, 
      fnText, 
      argDecl, 
      last; 

  if (typeof fn == 'function') { 
    if (!($inject = fn.$inject)) { 
      $inject = []; 
      fnText = fn.toString().replace(STRIP_COMMENTS, ''); 
      argDecl = fnText.match(FN_ARGS); 
      forEach(argDecl[1].split(FN_ARG_SPLIT), function(arg){ 
        arg.replace(FN_ARG, function(all, underscore, name){ 
          $inject.push(name); 
        }); 
      }); 
      fn.$inject = $inject; 
    } 
  } else if (isArray(fn)) { 
    last = fn.length - 1; 
    assertArgFn(fn[last], 'fn') 
    $inject = fn.slice(0, last); 
  } else { 
    assertArgFn(fn, 'fn', true); 
  } 
  return $inject; 
}

 

   在上面code中我們可夠很清晰的看到首先這里會判斷是不是一個'function'，如果是的我們這會判斷fn.$inject為空，不為空則返回此注入(標記注入),為空則會根據正則匹配獲取參數列表，注入服務的名字按名注入；相反如果不是'function'而是Array的話獲取前n-1的服務名稱注入，這是內聯注入。

 

  關於angularjs注入就到這里，在最后想說下說這代碼中我們能獲取的兩個javascript技巧：

1. 對於javascript是運行時解釋的弱類型語言，我們無法利用c#，java類似的反射機制去獲取參數信息，我們只能靠正則從javascript代碼中匹配（從function.toString()）.
2. 正則的強大之處，在javascript中replace函數的強大應用：

   arg.replace(FN_ARG, function(all, underscore, name){ 
   $inject.push(name); 
   }); 

    

        關於這點可以參考《JavaScript 函數replace揭秘》。