我是否正确使用了承诺？

Question

我是 angularJs 的新手，我正在尝试在我的应用程序中实现登录/注销。

我有一个用于登录用户的 AuthService，以及一个将身份验证令牌写入本地存储的 SessionService（我正在使用 jwt）

这里是 AuthService：

'use strict';

angular.module('App')
.factory('AuthService', ['ApiService', 'SessionService', '$q', '$timeout', 'jwtHelper', function (ApiService, SessionService, $q, $timeout, jwtHelper) {

    // inherit
    var service = Object.create(ApiService);

    service.login = login;
    service.logout = logout;
    service.check = check;
    service.user = user;

    return service;

    function login(credentials) {
        return service.form('user.login', credentials)
            .then(function success(response) {
                SessionService.setToken(response.token);
                return response;
            });
    }

    function logout() {

        // here we use a promise so it's easier to handle
        // logout in the controller by chaining methods

        var d = $q.defer();

        $timeout(function () {
            SessionService.setToken();
            d.resolve();
        }, 0);

        return d.promise;
    }

    function check() {
        var token = SessionService.getToken();
        return !!token && !jwtHelper.isTokenExpired(token);
    }

    function user() {
        return service.call('user', {cache: true});
    }

}]);

我面临的问题在于注销方法。我没有服务器调用要做，只需清除本地存储并且用户已注销，但我想用一个承诺来处理这个问题，所以在控制器中我可以执行以下操作：

       function logout() {
        AuthService.logout().then(function success() {
            $state.go('login');
        });
    }

这是实现这一目标的好方法吗？

Answer 1

我认为在您的特定情况下不需要承诺，我会以另一种方式设计它：

我会在 $rootScope 中存储一个“authenticatedUser”，其中包含一些我可能会觉得有用的参数（用户文化、角色、...（或者如果没有其他要求，则只是一个布尔值）。

在一种“applicationController”中，我会有一个 $watch* 来寻找它的价值：

$rootScope.$watch('authenticatedUser', function(newVal, oldVal){
    if (newVal == oldVal)
        return;

    if (newVal == null){ //User has been disconnected
        //Remove everything from screen
        //Display login form
    }
});

所以，在你的控制器中，我只需要：

function logout() {
    AuthService.logout();
}

这样，如果有一天您决定能够从另一个控制器注销（我们永远不知道会发生什么;-)），您只需调用您的服务，一切都会完成。无需重复代码。

另外，您的代码中有一些我不明白的地方：

// inherit
var service = Object.create(ApiService);

在 Angular 中，每个服务都是在 Angular 引导期间实例化的单例。您确定要覆盖此默认行为吗？

• ：注意 $watches，它们在角度摘要期间会花费大量处理时间。