我正在研究 AngularJS 和 REST。代码示例在身份验证函数中重复使用单词 callback。 “回调”是 JavaScript 或 Angular 中的关键字吗？还是 callback 只是在此代码中创建的自定义变量？

callback 在下面的代码中是如何工作的？谷歌搜索 callback 和 AngularJS 没有产生可用的结果。 The code for the AngularJS module in question can be read at this link ，其中还包含示例应用程序的所有代码。

这是模块代码本身:

angular.module('auth', []).factory( 'auth',

    function($rootScope, $http, $location) {

        enter = function() {
            if ($location.path() != auth.loginPath) {
                auth.path = $location.path();
                if (!auth.authenticated) {
                    $location.path(auth.loginPath);
                }
            }                   
        }

        var auth = {

            authenticated : false,

            loginPath : '/login',
            logoutPath : '/logout',
            homePath : '/',
            path : $location.path(),

            authenticate : function(credentials, callback) {

                var headers = credentials && credentials.username ? {
                    authorization : "Basic "
                            + btoa(credentials.username + ":"
                                    + credentials.password)
                } : {};

                $http.get('user', {
                    headers : headers
                }).success(function(data) {
                    if (data.name) {
                        auth.authenticated = true;
                    } else {
                        auth.authenticated = false;
                    }
                    callback && callback(auth.authenticated);
                    $location.path(auth.path==auth.loginPath ? auth.homePath : auth.path);
                }).error(function() {
                    auth.authenticated = false;
                    callback && callback(false);
                });

            },

            clear : function() {
                $location.path(auth.loginPath);
                auth.authenticated = false;
                $http.post(auth.logoutPath, {}).success(function() {
                    console.log("Logout succeeded");
                }).error(function(data) {
                    console.log("Logout failed");
                });
            },

            init : function(homePath, loginPath, logoutPath) {

                auth.homePath = homePath;
                auth.loginPath = loginPath;
                auth.logoutPath = logoutPath;

                auth.authenticate({}, function(authenticated) {
                    if (authenticated) {
                        $location.path(auth.path);
                    }
                })

                // Guard route changes and switch to login page if unauthenticated
                $rootScope.$on('$routeChangeStart', function() {
                    enter();
                });

            }

        };

        return auth;

    });

附加信息

根据@okonyk 的回复，我包含了来自调用 auth.authenticate() 函数的不同模块的代码:

$scope.login = function() {
    auth.authenticate($scope.credentials, function(authenticated) {
        if (authenticated) {
            //do some stuff
             $scope.error = false;
         } else { 
            $scope.error = true;
        }
    })
}

那么从 login() 到 auth.authenticate($scope.credentials, function(authenticated) 的调用是如何工作的？ function(authenticated ) 参数发送一个 bool 值来确定 auth.authenticate() 中的功能？例如 true 可能表示执行回调，而 false 可能表示注意执行回调，但它会有所帮助进行解释。

You can read the code in the sample app for the other module with the login() method by clicking on this link .

最佳答案

Here 是很好的解释:

A callback function, also known as a higher-order function, is a function that is passed to another function (let’s call this other function “otherFunction”) as a parameter, and the callback function is called (or executed) inside the otherFunction. A callback function is essentially a pattern (an established solution to a common problem), and therefore, the use of a callback function is also known as a callback pattern.

callback 不是关键字，它只是传递给函数的参数名称，您可以随意调用它(callback 或 cb 很常见)。

我将尝试以 super 简单的自定义构建回调函数为例进行解释:

function useAsCallback(string){
  console.log("callback is being executed with passed parameter: " + string)
}

function main(param, callback){
  callback(param)
}

main(123456, useAsCallback)

如果你运行它，它会打印: 正在使用传递的参数执行回调:123456

回调模式通常用于处理 JavaScript 异步行为。

编辑:更具体的例子:

谈论您的代码片段...假设您将把工厂注入(inject) Controller 。

现在您已经公开了auth.authenticate 方法。您必须传递两个参数(credentials, callback)。

auth.authenticate({username: Joe, password: 123456}, function(authStatus){
  if(authStatus){
    console.log("Successfully authenticated")
  }else{
    console.log("Access denied")
  }
});

我们只是将匿名函数作为 auth.authenticate 方法的 callback 参数传递。

编辑对“附加信息”的回应:

看来可能有什么误会。你在问:

Is the function(authenticated) parameter sending a boolean that determines functionality inside auth.authenticate()

事实是，它完全相反:auth.authenticate() 将值传递给“function(authenticated)”，这是匿名函数。它发生在此时:callback && callback(auth.authenticated); - on .success 或 callback && callback(false); - on .错误

关于javascript - 回调在 AngularJS 调用 REST 服务时如何工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34821978/