我们循环遍历dependencies数组，如果发现缺失项则尝试从arguments对象中获取。谢天谢地，当数组为空时，shift方法只是返回undefined，而不是抛出一个错误（这得益于web的思想）。新版的injector能像下面这样使用：
var doSomething = injector.resolve(function(service, other, router) {
console.log(service().name); //Service
console.log(router().name); //Router
console.log(other().name); //Other
});
doSomething(other);
不必重写依赖并且他们的顺序可以打乱。它仍然有效，我们成功复制了Angular的魔法。
然而，这种做法并不完美，这就是反射类型注射一个非常大的问题。压缩会破坏我们的逻辑，因为它改变参数的名字，我们将无法保持正确的映射关系。例如，doSometing()压缩后可能看起来像这样：
var doSomething=function(e,t,n){var r=e();var i=t()}
Angular团队提出的解决方案看起来像：
var doSomething = injector.resolve(['service', 'router', function(service, router) {
}]);
这看起来很像我们开始时的解决方案。我没能找到一个更好的解决方案，所以决定结合这两种方法。下面是injector的最终版本。
var injector = {
dependencies: {},
register: function(key, value) {
this.dependencies[key] = value;
},
resolve: function() {
var func, deps, scope, args = [], self = this;
if(typeof arguments[0] === 'string') {
func = arguments[1];
deps = arguments[0].replace(/ /g, '').split(',');
scope = arguments[2] || {};
} else {
func = arguments[0];
deps = func.toString().match(/^function\s*[^\(]*\(\s*([^\)]*)\)/m)[1].replace(/ /g, '').split(',');
scope = arguments[1] || {};
}
return function() {
var a = Array.prototype.slice.call(arguments, 0);
for(var i=0; i<deps.length; i++) {
var d = deps[i];
args.push(self.dependencies[d] && d != '' ? self.dependencies[d] : a.shift());
}
func.apply(scope || {}, args);
}
}
}
resolve访客接受两或三个参数，如果有两个参数它实际上和文章前面写的一样。然而，如果有三个参数，它会将第一个参数转换并填充deps数组，下面是一个测试例子：
var doSomething = injector.resolve('router,,service', function(a, b, c) {
console.log(a().name); //Service
console.log(c().name); //Router
console.log(b().name); //Other
});
doSomething(other);
你可能注意到在第一个参数后面有两个逗号——注意这不是笔误。空值实际上代表other参数（占位符）。这显示了我们是如何控制参数顺序的。
直接注入Scope
有时我会用到第三个注入变量，它涉及到操作函数的作用域（换句话说，就是this对象）。所以，很多时候不需要使用这个变量。
相关文章
精彩导读
热门资讯
关注我们
