javascript-如果不指定字符串,Angular如何知道要注入什么？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如果不指定字符串,Angular如何知道要注入什么？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1081字，纯文字阅读大概需要2分钟。

内容图文

考虑以下代码：

angular.module('app', [])
  .controller('MainCtrl', function ($scope) {
    ...
  });

我知道,为了避免在缩小JS时注入问题,应该使用依赖注入的数组形式：

angular.module('app', [])
  .controller('MainCtrl', ['$scope', function ($scope) {
    ...
  }]);

但是Angular如何在第一种情况(非数组)中知道要注入什么？如果我使用.controller('MainCtrl', function (scop)而不是$scope怎么办？它是否解析我的JS并寻找与其某些提供程序匹配的函数参数名称？

解决方法:

请注意,控制器的功能是功能控制器的参数.这使Angular可以在变量中获取该函数并分析其参数,并使用Angular列出需要注入的服务.

在下面的代码中,您可以看到Angular在后台执行的操作以匹配这些参数：

var FN_ARGS = /^function\s*[^\(]*\(\s*([^\)]*)\)/m;
var FN_ARG_SPLIT = /,/;
var FN_ARG = /^\s*(_?)(\S+?)\1\s*$/;
var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;

function annotate (fn) {
  var $inject = [];
  fn = fn.toString();
  var first = fn.replace(STRIP_COMMENTS, '');
  var second = first.match(FN_ARGS)[1];
  var third = second.split(FN_ARG_SPLIT);
  third.forEach(function (arg) {
    arg.replace(FN_ARG, function (all, underscore, name) {
      $inject.push(name);
    });
  });
  return $inject;
}

内容总结

以上是互联网集市为您收集整理的javascript-如果不指定字符串,Angular如何知道要注入什么？全部内容，希望文章能够帮你解决javascript-如果不指定字符串,Angular如何知道要注入什么？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端