Question

我在这里有一些奇怪的行为...... 我有一个我创建的服务来处理所有API调用。它看起来像这样：

angular.module('widget.data').service('apiHandler', apiHandler);

apiHandler.$inject = ['$http', 'SimpleCache', 'apiUrl', 'ngNotify'];

function apiHandler($http, simpleCache, apiUrl, ngNotify) {

    return {
        url: apiUrl,

        get: get,
        post: post,
        put: put,
        delete: requestDelete
    };

    //////////////////////////////////////////////////

    // GET
    function get(url, params) {
        return buildRequest(url, 'GET', null, params);
    };

    // POST
    function post(url, data) {
        return buildRequest(url, 'POST', data);
    };

    // PUT
    function put(url, data) {
        return buildRequest(url, 'PUT', data);
    };

    // DELETE
    function requestDelete(url, params) {
        return buildRequest(url, 'DELETE', null, params);
    };

    // Private function to build our request
    function buildRequest(url, method, data, params) {

        //console.log(url);

        // Create our apiPath
        var apiPath = url.indexOf('http') > -1 ? url : apiUrl + url;

        // Create the model
        var model = {
            method: method,
            url: apiPath,
            data: data,
            params: params,
            cache: simpleCache
        };

        // If we are performing an update/create or delete call
        if (method !== 'GET') {

            // Remove from our cache
            simpleCache.remove(apiUrl + url);
        }

        // Build our request
        return $http(model).then(function (response) {

            // Return our response
            return response.data;

            // If we have an error
        }, function (response) {

            console.log(response.data.exceptionMessage);

            // Display our error
            ngNotify.set(response.data.exceptionMessage, { type: 'error' });

            // Return our error
            return response;
        });
    };
};

您可以在 buildMessage 中看到它返回调用，响应和错误响应。所以我希望如果出现错误，任何注入其中的服务也会触发错误回调。但它并没有。我有这项服务：

angular.module('widget.directives').service('pkAuthenticateService', pkAuthenticateService);

pkAuthenticateService.$inject = ['apiHandler'];

function pkAuthenticateService(apiHandler) {
    return {
        register: register
    };

    //////////////////////////////////////////////////

    function register(model) {

        return apiHandler.post('users/create', model).then(function (response) {
            console.log('success', response);
            return response;
        }, function (response) {
            console.log('error', response);
            return response;
        });
    };
};

但是我在控制台中收到的消息是成功消息，而不是错误。有人能解释一下为什么吗？或者帮助我按照我的预期使其工作（即如果它在父服务中失败，那么它应该一直失败）。

Answer 1

catch函数返回已解决的promise，而不是被拒绝的promise：

如果onRejected引发错误或错误，则catch（）返回的Promise将被拒绝返回一个本身被拒绝的承诺;否则，它已解决。

为了让被拒绝的承诺渗透到外部功能（或者＃34;一直失败＆＃34;如你所说），你需要将其作为被拒绝的承诺归还：

    return $http(model).then(function (response) {
       ...
    }, function (response) {
       ...
        // Return our error
        return $q.reject(response);
    });

Answer 2

为了管理承诺，请注入$ q的角度服务。然后从$ q创建延期并执行您的请求。在您的请求结果中，解决或拒绝提供数据的承诺。然后返回延迟对象。因此，以这种方式更改服务应该有效：

angular.module('widget.data').service('apiHandler', apiHandler);

apiHandler.$inject = ['$http', 'SimpleCache', 'apiUrl', 'ngNotify', '$q'];

function apiHandler($http, simpleCache, apiUrl, ngNotify, $q) {

    return {
        url: apiUrl,

        get: get,
        post: post,
        put: put,
        delete: requestDelete
    };

    //////////////////////////////////////////////////

    // GET
    function get(url, params) {
        return buildRequest(url, 'GET', null, params);
    };

    // POST
    function post(url, data) {
        return buildRequest(url, 'POST', data);
    };

    // PUT
    function put(url, data) {
        return buildRequest(url, 'PUT', data);
    };

    // DELETE
    function requestDelete(url, params) {
        return buildRequest(url, 'DELETE', null, params);
    };

    // Private function to build our request
    function buildRequest(url, method, data, params) {

        //console.log(url);

        // Create our apiPath
        var apiPath = url.indexOf('http') > -1 ? url : apiUrl + url;

        // Create the model
        var model = {
            method: method,
            url: apiPath,
            data: data,
            params: params,
            cache: simpleCache
        };

        // If we are performing an update/create or delete call
        if (method !== 'GET') {

            // Remove from our cache
            simpleCache.remove(apiUrl + url);
        }

        var deferred = $q.defer();
        $http(model).then(function (response) {

            // Return our response
            $q.resolve(response.data);

            // If we have an error
        }, function (response) {

            console.log(response.data.exceptionMessage);

            // Display our error
            ngNotify.set(response.data.exceptionMessage, { type: 'error' });

            // Return our error
            $q.reject(response);
        });
        return deferred;
    };
};

Answer 3

这是最有趣的＆amp; JS承诺中令人困惑的案例 - “吞噬”错误。请考虑以下案例：

var x = new Promise((result,reject)=>{
  reject('something bad')
})

x.then(()=>{
  console.log('wow')
  return 'a';
},()=>{
  console.log('ops')
  return 'a';
}).then(()=>{
  console.log('I\'m baaack')
  return 'a';
},()=>{
  console.log('still bad?')
  return 'a';
})

这可能是违反直觉的，但在第2个然后（）'我'baaack'将被打印，因为你已经抓住了＆amp;处理错误。因此，如果您正在处理错误，无论是使用then（）的2'nd参数还是使用某些“catch”，您都需要抛出错误或返回拒绝的内容以进一步向下传递错误。

在你的情况下，它可以在没有$ q的情况下完成，只需替换1行：

        // If we have an error
    }, function (response) {

        console.log(response.data.exceptionMessage);

        // Display our error
        ngNotify.set(response.data.exceptionMessage, { type: 'error' });

        // Return our error
        throw response;
    });

angularjs返回被拒绝的承诺

3 个答案: