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;
}

引用：
How to get function parameter names/values dynamically from javascript

--转载请注明出处：http://lixh1986.iteye.com/blog/2314610

--

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

猜你喜欢