AngularJS 控制器函数中的私有变量

在本文中，我们将介绍如何在AngularJS控制器函数中创建和使用私有变量。

什么是AngularJS控制器函数？

在AngularJS中，控制器函数是用来管理视图和数据的关键部分。它通常与HTML中的某个部分（如页面、模块或元素）相关联，并负责处理与该部分相关的逻辑。控制器函数可以访问和修改所关联的作用域（scope）对象，从而实现对数据的控制。

创建控制器函数

要创建一个AngularJS控制器函数，我们可以使用angular.module方法注册一个模块，并使用该模块的controller方法创建一个控制器。

angular.module('myApp', []).controller('myController', function($scope) {
    // 控制器逻辑
});

在上面的代码中，我们创建了一个名为myApp的模块，并注册了一个名为myController的控制器函数。控制器函数接受一个$scope参数，我们可以使用它来访问作用域对象。

创建私有变量

在AngularJS控制器函数中创建私有变量有几种方法。下面是其中的两种方法：

方法一：使用IIFE（Immediately Invoked Function Expression）

我们可以使用立即调用的函数表达式（Immediately Invoked Function Expression）来在控制器函数内部创建私有变量。这种方式通过创建一个函数并立即执行它来实现。

angular.module('myApp', []).controller('myController', function($scope) {
    (function() {
        var privateVariable = '私有变量';

        // 控制器逻辑
    })();
});

在上面的代码中，我们使用了一个匿名函数，并将其立即执行。在这个匿名函数内部，我们创建了一个名为privateVariable的私有变量。

方法二：使用`let`或`const`关键字

如果您使用的是ES6或更高版本的JavaScript，您可以使用let或const关键字在控制器函数内部创建私有变量。

angular.module('myApp', []).controller('myController', function($scope) {
    let privateVariable = '私有变量';
    const anotherPrivateVariable = '另一个私有变量';

    // 控制器逻辑
});

在上面的代码中，我们使用let关键字创建了一个名为privateVariable的私有变量，并使用const关键字创建了一个名为anotherPrivateVariable的常量。

使用私有变量

创建私有变量后，我们可以在控制器函数内部使用它们。这些私有变量只能在控制器函数内部访问。

angular.module('myApp', []).controller('myController', function( $scope) { let privateVariable = '私有变量';$ scope.publicFunction = function() {
        console.log(privateVariable); // 输出：私有变量
    };
});

在上面的代码中，我们在控制器函数内部定义了一个名为privateVariable的私有变量，并在publicFunction方法中访问了它。