AngularJs 之service injection 根据参数名获取对象-源码分析

在Angular中,使用controller时,如果需要某service,只需要在参数中写上这个service的名称即可。

那么是如何实现的呢?

问题思考:

javascript中如何获取函数的参数的名称/字面值?

在javascript中是否有方法获取function的参数的名称的值?

比如:

function doSomething(param1, param2, .... paramN)
{
   // fill an array with the parameter name and value
   // some other code 
}

如何获取doSomething函数的参数的名称列表?

回答一:

下面的方法可以返回函数的参数(简单格式的参数)

var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
var ARGUMENT_NAMES = /([^\s,]+)/g;
function getParamNames(func) {
  var fnStr = func.toString().replace(STRIP_COMMENTS, '');
  var result = fnStr.slice(fnStr.indexOf('(')+1, fnStr.indexOf(')')).match(ARGUMENT_NAMES);
  if(result === null)
     result = [];
  return result;
}

测试:

getParamNames(getParamNames) // returns ['func']
getParamNames(function (a,b,c,d){}) // returns ['a','b','c','d']
getParamNames(function (a,/*b,c,*/d){}) // returns ['a','d']
getParamNames(function (){}) // returns []

回答二:

下面的代码从Angular的源码中拷贝的。用于其依赖注入机制的使用。

http://docs.angularjs.org/tutorial/step_05

如果controller在其构造函数的参数列表中含有对某个service名称的引用,当controller的构造方法被调用时,Angualr的依赖注入机制提供service给controller。依赖注入机制还负责service本身依赖其它service时的过渡service的创建。

注意:参数的名称很重要。因为依赖注入机制依靠参数的名称去获取对应的服务。

/**
 * @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;
}

引用:

Howtogetfunctionparameternames/valuesdynamicallyfromjavascript

--

相关推荐