Кутова HttpPromise: різниця між методами "успіх" / "помилка" та аргументами "тоді"

За словами документа AngularJS , заклики $httpповернути такі:

Повертає об'єкт обіцянки зі стандартним методом тоді та двома специфічними методами http: успіх та помилка . Потім метод приймає два аргументи успіху і помилки зворотного виклику , яка буде викликана з об'єктом відповіді. Методи успіху та помилки беруть один аргумент - функцію, яка буде викликана, коли запит буде успішним або відмовляється відповідно. Аргументи, передані цим функціям, - це деструктуроване подання об'єкта відповіді, переданого в тодішній метод.

Окрім того, що responseоб’єкт руйнується в одному випадку, я не знаходжу різниці між

• зворотні виклики успіху / помилки передаються як аргументи promise.then
• зворотні виклики передаються як аргументи для promise.success/ promise.errorметодів обіцянки

Чи є? У чому сенс цих двох різних способів передавати, здавалося б, однакові зворотні дзвінки?

NB Ця відповідь фактично невірна; як зазначено в коментарі нижче, успіх () повертає первісну обіцянку. Я не змінюсь; і залиште її для редагування.

Основна відмінність двох полягає в тому, що .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 () просто зручні для простих дзвінків (прості виробники):

$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
}).

Офіційне повідомлення: успіх та помилка застаріли, замість цього використовуйте стандартний метод.

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

посилання: https://code.angularjs.org/1.5.7/docs/api/ng/service/$http

скріншот: перегляд скріншота