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
--
相关推荐
阿斌Elements 2020-06-11
softwear 2020-08-21
ZGCdemo 2020-08-16
northwindx 2020-05-31
zrtlin 2020-11-09
xuebingnan 2020-11-05
wikiwater 2020-10-27
heheeheh 2020-10-19
Crazyshark 2020-09-15
jczwilliam 2020-08-16
littleFatty 2020-08-16
idning 2020-08-03
jinxiutong 2020-07-26
lanzhusiyu 2020-07-19
Skyline 2020-07-04
xiaofanguan 2020-06-25