Поведение обещания с угловым

Question

Я пытаюсь сравнить два подхода к использованию обещаний в угловом после чтения this article.

Поэтому я использую этот код для сравнения с/без использования отложенных. Примечание: адрес http://localhost:1337/error возвращает ответ с состоянием http 500 и сообщение «ошибка» в качестве данных об ошибках (это предполагаемое поведение).

.controller("HomeCtrl", function($q, $http) { 
    function doAsyncCallDeferred() { 
     var deferred = $q.defer(); 
     $http.get("http://localhost:1337/error") 
      .catch(function(errorData) { 
       // error 
       deferred.reject(errorData.data); 
      }); 
     return deferred.promise; 
    } 

    function doAsyncCall() { 
     return $http.get("http://localhost:1337/error") 
      .catch(function(errorData) { 
       // error 
       return errorData.data; 
      }); 
    } 

    doAsyncCallDeferred() 
     .then(function (data) { 
      console.log("with deferred success"); 
      console.log(data); 
     }) 
     .catch(function(errorData) { 
      // data should be "error" 
      console.log("with deferred error"); 
      console.log(errorData); 
     }); 

    doAsyncCall() 
     .then(function (data) { 
      console.log("without deferred success"); 
      console.log(data); 
     }) 
     .catch(function(errorData) { 
      // data should be "error" 
      console.log("without deferred error"); 
      console.log(errorData); 
     }); 
}) 

Но я смущен результат:

with deferred error 
error 
without deferred success 
error 

Я предполагал, что с обоих подходов, подвох обратного вызова будет выполняться, но это, кажется, что это не так. Кто-нибудь может объяснить это поведение, пожалуйста?

Answer 1

.then и .catch являются асинхронными «эквивалентами» от try/catch. Когда вы .catch что-то, это означает, что вы «обработали» его.

В doAsyncCall вы обработка «исключение» (который является отказом обещания) и возвращение errorData.data как data к следующим .then. Если вы хотите «повторно бросить», то return $q.reject(errorData.data).

В doAsyncCallDeferred вы явно отвергаете обещание.

В качестве примера эквивалентны следующие своим пользователям:

function doAsyncCallDeferred() { 
    var deferred = $q.defer(); 
    $http.get("http://httpstat.us/500") 
     .then(function(response){ 
      deferred.resolve(response.data); 
     }) 
     .catch(function(errorData) { 
      deferred.reject(errorData.data); 
     }); 
    return deferred.promise; 
} 

function doAsyncCall() { 
    return $http 
      .get("http://httpstat.us/500") 
      .then(function(response){ 
       return response.data; 
      }) 
      .catch(function(errorData){ 
       return $q.reject(errorData.data); 
      }); 

}