Angular HttpPromise： `success` /` error`メソッドと `then`の引数の違い

AngularJS docによると$http、以下を返すための呼び出し：

標準のthenメソッドと2つのhttp固有のメソッド（successおよびerror）を持つpromiseオブジェクトを返します。その後、この方法は、二つの引数取り、成功とエラーレスポンスオブジェクトに呼び出されるコールバックを。成功メソッドとエラーメソッドは単一の引数を受け取ります。この関数は、リクエストが成功または失敗したときにそれぞれ呼び出されます。これらの関数に渡される引数は、thenメソッドに渡される応答オブジェクトの非構造化表現です。

responseオブジェクトが1つのケースで分解されているという事実は別として、私は両者の違いがわかりません

• の引数として渡される成功/エラーコールバック promise.then
• promiseのpromise.success/ promise.errorメソッドの引数として渡されるコールバック

何かありますか？一見同一のコールバックを渡すこれらの2つの異なる方法のポイントは何ですか？

NBこの答えは実際には正しくありません。以下のコメントで指摘されているように、success（）は元のプロミスを返します。 私は変更しません。編集はOPに任せます。

2つの主な違いは、コールバックがコールバックを登録する従来の方法であり、プロミスを返さないの.then()に対して、コールはプロミス（コールバックから返された値で解決される）を.success()返すことです。

Promiseベースのコールバック（.then()）を使用すると、Promiseを簡単にチェーンできます（呼び出しを行って結果を解釈してから、別の呼び出しを実行し、結果を解釈し、さらに別の呼び出しを行うなど）。

この.success()メソッドは、呼び出しをチェーンしたり、promise APIを操作したりする必要がない場合（たとえば、ルーティングなど）に効率化された便利なメソッドです。

要するに：

• .then() -promise APIの全機能ですが、もう少し詳細です
• .success() -promiseを返しませんが、より便利な構文を提供します

ここにはすでにいくつかの良い答えがあります。しかし、提供されている並列処理の違いを理解することは価値があります。

• success() 元の約束を返します
• then() 新しい約束を返します

違いはthen()、各呼び出しが新しいプロミスを返すため、シーケンシャルオペレーションを推進することです。

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

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

success() ハンドラーは同じpromiseにチェーンされているため、並列処理を駆動します。

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

公式通知：成功とエラーは廃止されました。代わりに標準のthenメソッドを使用してください。

非推奨通知：$ httpレガシーpromiseメソッドの成功とエラーは非推奨になりました。代わりに標準のthenメソッドを使用してください。$ httpProvider.useLegacyPromiseExtensionsがfalseに設定されている場合、これらのメソッドは$ http / legacyエラーをスローします。

リンク：https://code.angularjs.org/1.5.7/docs/api/ng/service/$http

スクリーンショット：スクリーンショットを表示