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

最新推荐文章于 2021-06-08 20:28:56 发布

iteye_3352

最新推荐文章于 2021-06-08 20:28:56 发布

阅读量189

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS 文章标签： Angular controller injection 参数注入

本文链接：https://blog.youkuaiyun.com/iteye_3352/article/details/82671067

AngularJS 专栏收录该内容

1 篇文章

订阅专栏

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

那么是如何实现的呢？

[color=green][size=large][b]问题思考:[/b][/size][/color]

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

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

比如：


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

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

[color=green][size=large][b]回答一:[/b][/size][/color]

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



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 []

[color=green][size=large][b]回答二:[/b][/size][/color]

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

[url=http://docs.angularjs.org/tutorial/step_05]http://docs.angularjs.org/tutorial/step_05[/url]

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

[b]注意：[/b] [color=darkred]参数的名称很重要。因为依赖注入机制依靠参数的名称去获取对应的服务。[/color]



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

引用：
[url=http://stackoverflow.com/questions/1007981/how-to-get-function-parameter-names-values-dynamically-from-javascript]How to get function parameter names/values dynamically from javascript[/url]

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

--