$q.reject和处理AngularJS链接承诺中的错误

$q.reject and handling errors in AngularJS chained promises

本文关键字：承诺 错误 链接 AngularJS reject 处理      更新时间：2023-09-26

我很难理解链接承诺错误处理的基本概念。为了学习规则，我写了一个简单的例子，猜测结果会是什么。但不幸的是，它的行为并不像我想象的那样。我已经读了很多关于这个主题的文章，但也许因为我的英语不好，我不能了解细节。

不管怎样，这是我的代码：

    var promiseStart = $q.when("start");
    var promise1 = promiseStart.then(function() {
            return Serviceforpromise1.get();
    });
    var promise2 = promise1.then(function(data1)
    {
            return Serviceforpromise2.get(data1);
    },function(error)
    {
            return $q.reject();
    });
    var promiseend = promise2.then(function(data2)
    {
            return data2;
    },function(error)
    {
            return error;
    });
    return promiseend;

我知道它可以更好地编码，但这只是为了目的。以下是Serviceforpromise1函数的代码：

    function Serviceforpromise1()
    {
            ...
            return $http.get(*whatever*).then(function (data){
                return data;
            },function(error)
            {
                return $q.reject();
            });
    }

只考虑Serviceforpromise1失败的情况。$q.rejectet被发送回主链，所以我正在等待调用"promise1.then（"的错误回调，它按预期工作。我决定将错误转移到"promise2.then）"，所以在这个错误回调中，我添加了return$q.request（）行；但它从未到达第二个错误回调（"promise2.then"一个），我不明白为什么（就像Serviceforpromise1一样，我返回了一个被拒绝的promise！）

我很乐意深入了解这里正在发生的事情。谢谢你的帮助。

您的理解是正确的，问题似乎在于您试图观察这种行为的方式（您没有向我们展示的内容）。

如果您从返回一个被拒绝的promise，是then()中的成功或错误处理程序，那么then()返回的promise将解析为被拒绝的promise。观察：

angular.module('app', [])
    .controller('C', [
    '$q',
function ($q) {
    var promiseStart = $q.when("start");
    var promise1 = promiseStart.then(function (value) {
        console.log('Got a value:', value);
        return $q.reject('Error!');
    });
    var promise2 = promise1.then(function (data1) {
        return "Got some stuff";
    }, function (error) {
        console.log("Caught an error:", error);
        return $q.reject('New error');
    });
    var promiseend = promise2.then(function (data2) {
        return data2;
    }, function (error) {
        console.log('Caught an error:', error);  // <-- this is logged to the console
        return error;
    });
    return promiseend;
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<div ng-app='app' ng-controller='C'></div>

这里需要注意的一点是，在最后一个处理程序中，返回error变量，而不是抛出异常或返回被拒绝的promise。因此，在这种情况下，promiseend将使用该error变量的值成功地解析。

相关文章：