为什么在Angular 1.3中将全局函数视为“错误”

Question

传统上，我是这样管理Angular代码的

//File 1
angular.module('name',[])
//File 2
function TestController(){

}
TestController.prototype.// inherited stuff
angular.module('name').controller('testController',TestController);

这非常有效，使我可以轻松地对文件进行分区。现在，我尝试升级到1.3，并声名狼藉…

Error: [ng:areq] Argument 'TestController' is not a function, got undefined

当然，这是由于此更改要求清除人们编写代码的方式所致。那么这种模式会更复杂吗？有没有办法在不更改全局设置的情况下维持这种模式？

Answer 1

您链接到的页面上实际上有一个注释，其中有一个相当扎实的解释。

全局控制器是指将您的控制器定义为窗口对象上的函数。这意味着它们可以公开地与恰好定义一个具有相同名称的函数的任何其他JavaScript冲突。诚然，如果使用…
Controller对控制器进行后期修复，那么这很可能不会发生，但是总会有机会，尤其是如果您要使用许多第三方库。将这些控制器功能放在模块安全性内部要安全得多。然后，您可以更好地控制此模块的加载时间和位置。不幸的是，控制器名称在单个Angular应用程序中是全局的，因此您仍然有可能发生冲突，但是至少您不能与JavaScript全局命名空间中的完全不同的代码发生冲突。

因此，想法是全局控制器功能可能会与您使用的任何JavaScript中的任何其他全局函数发生冲突。因此，为避免与您自己的代码或第三方脚本发生冲突的机会，不使用全局控制器会使您的代码更安全，更一致。

如@Brett的评论中所述，您可以在原型设计中使用IIFE。这是使用该插件的更新。主要更改如下所示。

(function() {
  TestController.prototype.name = 'World'
})();