Angular HttpPromise: разница между методами `success` /` error` и аргументами `then`

Согласно AngularJS doc , звонки, чтобы $httpвернуть следующее:

Возвращает объект обещания со стандартным методом then и двумя http-специфическими методами: success и error . Метод then принимает два аргумента: успех и обратный вызов ошибки, который будет вызван с объектом ответа. В успехе и ошибка метода принимает единственный аргумент - функцию , которая будет вызвана , когда запрос успешно или не соответственно. Аргументы, передаваемые в эти функции, представляют собой деструктурированное представление объекта ответа, переданного в метод then.

Помимо того факта, что responseобъект был разрушен в одном случае, я не понимаю разницу между

• обратные вызовы об успехе / ошибке передаются в качестве аргументов promise.then
• обратные вызовы, переданные в качестве аргументов для promise.success/ promise.errorметодов обещания

Есть ли? Какой смысл в этих двух разных способах передавать, казалось бы, идентичные обратные вызовы?

NB. Этот ответ фактически неверен; как указано в комментарии ниже, success () возвращает исходное обещание. Я не буду меняться; и оставьте это для OP для редактирования.

Основное различие между двумя заключается в том, что .then()вызов возвращает обещание (разрешается с помощью значения, возвращенного из обратного вызова), в то время .success()как более традиционный способ регистрации обратных вызовов и не возвращает обещание.

Обратные вызовы на основе обещаний ( .then()) облегчают цепочку обещаний (выполнить вызов, интерпретировать результаты, а затем выполнить другой вызов, интерпретировать результаты, сделать еще один вызов и т. Д.).

Этот .success()метод является упрощенным, удобным методом, когда вам не нужно ни связывать вызовы, ни работать с API обещаний (например, при маршрутизации).

Коротко:

• .then() - полная сила обещающего API, но немного более многословная
• .success() - не возвращает обещание, но предлагает несколько более удобный синтаксис

Здесь уже есть несколько хороших ответов. Но стоит довести до ума разницу в предложенном параллелизме:

• success() возвращает первоначальное обещание
• then() возвращает новое обещание

Разница заключается в then()последовательных операциях, поскольку каждый вызов возвращает новое обещание.

$http.get(/*...*/).
  then(function seqFunc1(response){/*...*/}).
  then(function seqFunc2(response){/*...*/})

1. $http.get()
2. seqFunc1()
3. seqFunc2()

success() управляет параллельными операциями, поскольку обработчики связаны одним и тем же обещанием.

$http(/*...*/).
  success(function parFunc1(data){/*...*/}).
  success(function parFunc2(data){/*...*/})

1. $http.get()
2. parFunc1(), parFunc2()Параллельно

Несколько примеров кода для простого запроса GET. Может быть, это помогает понять разницу. Использование then:

$http.get('/someURL').then(function(response) {
    var data = response.data,
        status = response.status,
        header = response.header,
        config = response.config;
    // success handler
}, function(response) {
    var data = response.data,
        status = response.status,
        header = response.header,
        config = response.config;
    // error handler
});

Используя success/ error:

$http.get('/someURL').success(function(data, status, header, config) {
    // success handler
}).error(function(data, status, header, config) {
    // error handler
});

.then () является цепным и будет ждать разрешения предыдущего .then ().

.success () и .error () могут быть объединены в цепочку, но все они будут срабатывать одновременно (так что особого смысла в этом нет)

.success () и .error () просто хороши для простых вызовов (easy makers):

$http.post('/getUser').success(function(user){ 
   ... 
})

так что вам не нужно вводить это:

$http.post('getUser').then(function(response){
  var user = response.data;
})

Но обычно я обрабатываю все ошибки с помощью .catch ():

$http.get(...)
    .then(function(response){ 
      // successHandler
      // do some stuff
      return $http.get('/somethingelse') // get more data
    })
    .then(anotherSuccessHandler)
    .catch(errorHandler)

Если вам нужно поддерживать <= IE8, напишите ваши .catch () и .finally () следующим образом (зарезервированные методы в IE):

    .then(successHandler)
    ['catch'](errorHandler)

Рабочие примеры:

Вот что я написал в более кодовом формате, чтобы освежить память о том, как все это работает с ошибками и т. Д.

http://jsfiddle.net/nalberg/v95tekz2/

Просто для завершения, вот пример кода, показывающий различия:

успех \ ошибка:

$http.get('/someURL')
.success(function(data, status, header, config) {
    // success handler
})
.error(function(data, status, header, config) {
    // error handler
});

затем:

$http.get('/someURL')
.then(function(response) {
    // success handler
}, function(response) {
    // error handler
})
.then(function(response) {
    // success handler
}, function(response) {
    // error handler
})
.then(function(response) {
    // success handler
}, function(response) {
    // error handler
}).

Официальное уведомление: успех и ошибка устарели, используйте вместо этого стандартный метод then.

Примечание об устаревании: Успешные и ошибочные методы обещания $ http устарели. Вместо этого используйте стандартный метод then. Если для $ httpProvider.useLegacyPromiseExtensions установлено значение false, то эти методы выдают ошибку $ http / legacy.

ссылка: https://code.angularjs.org/1.5.7/docs/api/ng/service/$http

скриншот: посмотреть скриншот