在前端开发中，我们经常会听到“控制器”这个术语。通常情况下，我们把它当做一个函数来看待，用于控制页面上的逻辑和交互。然而，在 AngularJS 中，控制器并不是一个函数，而是一个未定义的对象。在本文中，我们将详细探讨 AngularJS 控制器的实现方式，并提供一些示例代码和指导意义。
什么是控制器？
控制器是 AngularJS 框架中的一个重要概念，用于管理应用程序中的行为。控制器通常负责处理业务逻辑、数据模型、视图状态等方面的工作，以及将这些元素与用户界面进行连接。在 AngularJS 中，控制器是由开发人员编写的 JavaScript 对象，它们被定义为指定的模块中的成员。
控制器并非函数
虽然我们通常将控制器看作是一个函数，但在 AngularJS 中，控制器只是一个未定义的 JavaScript 对象。换句话说，控制器是通过 JavaScript 构造函数创建的实例。在控制器实例化之后，AngularJS 将自动执行一些操作，以确保该实例可以工作。这些操作包括注入依赖项、执行一些初始化代码等。
以下是一个简单的控制器示例，可以帮助您更好地理解 AngularJS 控制器的实现方式：
var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
$scope.greeting = 'Hello, world!';
});在上面的示例中，我们定义了一个名为 myController 的控制器。该控制器通过依赖注入获取了 $scope 对象，并将一个字符串赋值给 $scope.greeting 属性。这样，我们就可以在视图中使用 {{greeting}} 表达式来显示问候语了。
全局定义控制器
在上面的示例中，我们将控制器定义为指定模块的成员。但事实上，AngularJS 允许我们全局定义控制器。这意味着我们可以在应用程序的任何地方使用它们，而不仅仅是在特定的模块中。
以下是一个全局定义控制器的示例：
function MyController($scope) {
$scope.greeting = 'Hello, world!';
}
angular.module('myApp').controller('myController', MyController);在上面的示例中，我们定义了一个名为 MyController 的 JavaScript 函数，并将其作为参数传递给 controller() 方法。然后，我们使用 angular.module() 函数获取了我们已经创建的 myApp 模块，并将控制器注册为该模块的成员。
需要注意的是，在全局定义控制器时，我们必须遵循一些命名约定。具体来说，控制器名称必须以大写字母开头，并且后面必须跟着 “Controller” 单词。例如，如果我们想要创建一个名为 user 的控制器，我们应该将其命名为 UserController。
结论
在本文中，我们详细探讨了 AngularJS 控制器的实现方式，并提供了一些示例代码和指导意义。尽管我们通常将控制器看作是一个函数，但在 AngularJS 中，控制器只是一个未定义的 JavaScript 对象。此外，我们还学习了如何全局定义控制器，并了解了一些与此相关的命名约定。希望这
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10184
