.then(success、fail)はいつpromiseのアンチパターンと見なされますか?

193
user2127480 2014-07-10 09:31.

ブルーバードプロミスFAQを見てみましたが、そこには.then(success, fail)アンチパターンであると書かれています。トライアンドキャッチについては、その説明がよくわかりません。次のこれの何が問題になっていますか?

some_promise_call()
.then(function(res) { logger.log(res) }, function(err) { logger.log(err) })

この例は、正しい方法として次のことを示唆しているようです。

some_promise_call()
.then(function(res) { logger.log(res) })
.catch(function(err) { logger.log(err) })

違いは何ですか?

6 answers

223
Bergi 2014-07-10 10:35.

違いは何ですか?

.then()コールは、コールバックがエラーをスローする場合には拒否されます約束を返します。つまり、成功loggerが失敗した場合、エラーは次の.catch()コールバックに渡されますが、failと一緒に行われるコールバックには渡されませんsuccess

ここだ制御フロー図は:

同期コードで表現するには:

// some_promise_call().then(logger.log, logger.log)
then: {
    try {
        var results = some_call();
    } catch(e) {
        logger.log(e);
        break then;
    } // else
        logger.log(results);
}

2番目log(の最初の引数のようなもの.then())は、例外が発生しなかった場合にのみ実行されます。ラベル付けされたブロックとbreakステートメントは少し奇妙に感じます、これは実際にはpythonが持っているものtry-except-elseです(推奨読書!)。

// some_promise_call().then(logger.log).catch(logger.log)
try {
    var results = some_call();
    logger.log(results);
} catch(e) {
    logger.log(e);
}

catchロガーも成功ロガーの呼び出しからの例外を処理します。

違いはこれだけです。

トライアンドキャッチについては説明がよくわかりません

議論は、通常、処理のすべてのステップでエラーをキャッチしたいので、チェーンで使用するべきではないということです。すべてのエラーを処理する最終ハンドラーは1つだけであることが期待されますが、「アンチパターン」を使用すると、一部のthenコールバックのエラーは処理されません。

ただし、このパターンは実際には非常に便利です。まさにこのステップで発生したエラーを処理し、エラーが発生しなかったとき、つまりエラーが回復不能なときにまったく異なることを実行したい場合。これは制御フローを分岐さいることに注意してください。もちろん、これが望まれることもあります。


次のこれの何が問題になっていますか?

some_promise_call()
.then(function(res) { logger.log(res) }, function(err) { logger.log(err) })

コールバックを繰り返さなければならなかったこと。あなたはむしろしたい

some_promise_call()
   .catch(function(e) {
       return e; // it's OK, we'll just log it
   })
   .done(function(res) {
       logger.log(res);
   });

.finally()これに使用することも検討してください。

37
acjay 2014-07-10 10:30.

2つは完全に同一ではありません。違いは、最初の例では、successハンドラーでスローされた例外をキャッチしないことです。したがって、よくあることですが、メソッドが解決済みのpromiseのみを返す必要がある場合は、末尾のcatchハンドラー(またはthen空のsuccessパラメーターを持つ別のハンドラー)が必要です。確かに、thenハンドラーが失敗する可能性のあることを何もしない可能性thenがあります。その場合、1つの2パラメーターを使用しても問題ありません。

しかし、リンクしたテキストのポイントは、then一連の非同期ステップをチェーンする機能において、コールバックと比較して最も役立つことだと思います。実際にこれを行うと、2パラメーター形式のthen微妙な動作が期待どおりになりません。 、上記の理由により。ミッドチェーンで使用すると、特に直感に反します。

複雑な非同期処理をたくさん行って、私が認める以上にこのようなコーナーにぶつかった人として、このアンチパターンを避けて、別のハンドラーアプローチを使用することを強くお勧めします。

18
aWebDeveloper 2016-03-21 04:55.

両方の長所と短所を調べることで、どちらが状況に適しているかを計算で推測できます。これらは、promiseを実装するための2つの主要なアプローチです。どちらにもプラスとマイナスがあります

キャッチアプローチ

some_promise_call()
.then(function(res) { logger.log(res) })
.catch(function(err) { logger.log(err) })

利点

  1. すべてのエラーは1つのcatchブロックによって処理されます。
  2. thenブロックで例外をキャッチすることもできます。
  3. 複数の成功コールバックの連鎖

短所

  1. チェーンの場合、異なるエラーメッセージを表示することが難しくなります。

成功/エラーアプローチ

some_promise_call()
.then(function success(res) { logger.log(res) },
      function error(err) { logger.log(err) })

利点

  1. きめ細かいエラー制御が得られます。
  2. データベースエラー、500エラーなど、さまざまなカテゴリのエラーに対して共通のエラー処理機能を使用できます。

短所

  1. catch成功のコールバックによってスローされたエラーを処理する場合は、さらに別のものが必要になります
2
bitfishxyz 2018-11-17 18:34.

簡単な説明:

ES2018では

引数onRejectedを指定してcatchメソッドを呼び出すと、次の手順が実行されます。

  1. この値をpromiseとします。
  2. 戻る?Invoke(promise、 "then"、«undefined、onRejected»)。

つまり:

promise.then(f1).catch(f2)

等しい

promise.then(f1).then(undefiend, f2)
1
Jayant Varshney 2019-05-03 10:25.

を使用.then().catch()すると、ワークフローを実行するために必要なPromiseChainingを有効にできます。データベースからいくつかの情報を読み取る必要があり、それを非同期APIに渡し、応答を操作する必要がある場合があります。応答をデータベースにプッシュバックすることをお勧めします。これらすべてのワークフローをコンセプトで処理することは実行可能ですが、管理が非常に困難です。より良い解決策はthen().then().then().then().catch()、一度のキャッチですべてのエラーを受け取り、コードの保守性を維持できるようにすることです。

1
VenCKi 2019-09-16 08:30.

を使用して、promiseで成功と失敗のハンドラーをチェーンthen()catch()ます。catch()によって返される約束に基づいて動作しthen()ます。それは処理します、

  1. 約束が拒否された場合。写真の#3を参照してください
  2. then()の成功ハンドラーでエラーが発生した場合は、以下の行番号4から7の間。写真の#2.aを参照してください(失敗したコールバックthen()はこれを処理しません)。
  3. then()の失敗ハンドラーでエラーが発生した場合は、以下の8行目。写真の#3.bを参照してください。

1. let promiseRef: Promise = this. aTimetakingTask (false); 2. promiseRef 3. .then( 4. (result) => { 5. /* successfully, resolved promise. 6. Work on data here */ 7. }, 8. (error) => console.log(error) 9. ) 10. .catch( (e) => { 11. /* successfully, resolved promise. 12. Work on data here */ 13. });

:多くの場合、catch()が既に記述されている場合、障害ハンドラーは定義されていない可能性があります。編集:のエラーハンドラーが定義されていない場合にのみreject()呼び出す結果にcatch()なります。写真の#3に注意してください。8行目と9行目のハンドラーが定義されていない場合に呼び出されます。then()catch()

then()コールバックがそれを処理している場合、によって返されるpromiseにはエラーがないため、これは理にかなっています。

Related questions

MORE COOL STUFF

「水曜日」シーズン1の中心には大きなミステリーがあります

「水曜日」シーズン1の中心には大きなミステリーがあります

Netflixの「水曜日」は、典型的な10代のドラマ以上のものであり、実際、シーズン1にはその中心に大きなミステリーがあります.

ボディーランゲージの専門家は、州訪問中にカミラ・パーカー・ボウルズが輝くことを可能にした微妙なケイト・ミドルトンの動きを指摘しています

ボディーランゲージの専門家は、州訪問中にカミラ・パーカー・ボウルズが輝くことを可能にした微妙なケイト・ミドルトンの動きを指摘しています

ケイト・ミドルトンは、州の夕食会と州の訪問中にカミラ・パーカー・ボウルズからスポットライトを奪いたくなかった、と専門家は言う.

一部のファンがハリー・スタイルズとオリビア・ワイルドの「非常に友好的な」休憩が永続的であることを望んでいる理由

一部のファンがハリー・スタイルズとオリビア・ワイルドの「非常に友好的な」休憩が永続的であることを望んでいる理由

一部のファンが、オリビア・ワイルドが彼女とハリー・スタイルズとの間の「難しい」が「非常に友好的」な分割を恒久的にすることを望んでいる理由を見つけてください.

エリザベス女王の死後、ケイト・ミドルトンはまだ「非常に困難な時期」を過ごしている、と王室の専門家が明らかにする 

エリザベス女王の死後、ケイト・ミドルトンはまだ「非常に困難な時期」を過ごしている、と王室の専門家が明らかにする 

エリザベス女王の死後、ケイト・ミドルトンが舞台裏で「非常に困難な時期」を過ごしていたと伝えられている理由を調べてください.

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セント ヘレナ島のジェイコブズ ラダーは 699 段の真っ直ぐ上る階段で、頂上に到達すると証明書が発行されるほどの難易度です。

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

バイオニック読書はあなたをより速く読むことができますか?

バイオニック読書はあなたをより速く読むことができますか?

BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

Total War:Warhammer:Kotakuレビュー

Total War:Warhammer:Kotakuレビュー

私はこのゲームを嫌う準備ができていました。先週の前に、Total War:Warhammerについての私の考えがありました:それでもここに私は、私の手にある完成品であり、私は変わった男です。

涙の道:軍事化された帝国主義勢力がスタンディングロックキャンプを占領

涙の道:軍事化された帝国主義勢力がスタンディングロックキャンプを占領

スタンディングロックスー族のメンバーと水の保護者は、ノースダコタ州のスタンディングロックにあるオセティサコウィンキャンプを去ります。(Twitter経由のCNNスクリーンショット)火と煙がスカイラインを覆い、スタンディングロックスー族のメンバーと水の保護者が、聖なるものを守りながら建てた家、オセティサコウィン(セブンカウンシルファイアーズ)キャンプから行進し、太鼓を打ち、歌い、祈りました。ダコタアクセスパイプラインとしても知られる「ブラックスネーク」からの土地。

シアーズとKマートはイヴァンカ・トランプの商品を自分たちで取り除いています

シアーズとKマートはイヴァンカ・トランプの商品を自分たちで取り除いています

写真:APシアーズとKマートは、イヴァンカ・トランプのトランプホームアイテムのコレクションも、誰も購入したくないために削除しました。シアーズとKマートの両方の親会社であるシアーズホールディングスは、土曜日のABCニュースへの声明で、彼らが気にかけていると辛抱強く説明しましたトランプラインを売り続けるにはお金を稼ぐことについてあまりにも多く。

ポテトチップスでたった10分でスペインのトルティーヤを作る

ポテトチップスでたった10分でスペインのトルティーヤを作る

伝統的なスペインのトルティーヤは通常、オリーブオイルで柔らかくなるまで調理されたポテトから始まります(30分以上かかる場合があります)が、ケトルで調理されたポテトチップスの助けを借りてわずか10分でテーブルに置くことができます。上のビデオはすべてがバラバラにならないように裏返す方法を含め、レシピ全体を説明しますが、必要なのは4〜5個の卵と3カップのケトルチップスだけです。

ケイト・ミドルトンとウィリアム王子は、彼らが子供たちと行っているスパイをテーマにした活動を共有しています

ケイト・ミドルトンとウィリアム王子は、彼らが子供たちと行っているスパイをテーマにした活動を共有しています

ケイト・ミドルトンとウィリアム王子は、子供向けのパズルの本の序文を書き、ジョージ王子、シャーロット王女、ルイ王子と一緒にテキストを読むと述べた.

事故で押しつぶされたスイカは、動物を喜ばせ水分補給するために野生生物保護団体に寄付されました

事故で押しつぶされたスイカは、動物を喜ばせ水分補給するために野生生物保護団体に寄付されました

Yak's Produce は、数十個のつぶれたメロンを野生動物のリハビリ専門家であるレスリー グリーンと彼女のルイジアナ州の救助施設で暮らす 42 匹の動物に寄付しました。

デミ・ロヴァートは、新しいミュージシャンのボーイフレンドと「幸せで健康的な関係」にあります: ソース

デミ・ロヴァートは、新しいミュージシャンのボーイフレンドと「幸せで健康的な関係」にあります: ソース

8 枚目のスタジオ アルバムのリリースに向けて準備を進めているデミ ロヴァートは、「スーパー グレート ガイ」と付き合っている、と情報筋は PEOPLE に確認しています。

Plathville の Kim と Olivia Plath が数年ぶりに言葉を交わすことへようこそ

Plathville の Kim と Olivia Plath が数年ぶりに言葉を交わすことへようこそ

イーサン プラスの誕生日のお祝いは、TLC のウェルカム トゥ プラスビルのシーズン 4 のフィナーレで、戦争中の母親のキム プラスと妻のオリビア プラスを結びつけました。

仕事の生産性を高める 8 つのシンプルなホーム オフィスのセットアップのアイデア

仕事の生産性を高める 8 つのシンプルなホーム オフィスのセットアップのアイデア

ホームオフィスのセットアップ術を極めよう!AppExert の開発者は、家族全員が一緒にいる場合でも、在宅勤務の技術を習得しています。祖父や曽祖父が共同家族で暮らしていた頃の記憶がよみがえりました。

2022 年、私たちのデジタル ライフはどこで終わり、「リアル ライフ」はどこから始まるのでしょうか?

20 年前のタイムトラベラーでさえ、日常生活におけるデジタルおよびインターネットベースのサービスの重要性に驚くことでしょう。MySpace、eBay、Napster などのプラットフォームは、高速化に焦点を合わせた世界がどのようなものになるかを示してくれました。

ニューロマーケティングの秘密科学

ニューロマーケティングの秘密科学

マーケティング担当者が人間の欲望を操作するために使用する、最先端の (気味が悪いと言う人もいます) メソッドを探ります。カートをいっぱいにして 3 桁の領収書を持って店を出る前に、ほんの数点の商品を買いに行ったことはありませんか? あなたは一人じゃない。

地理情報システムの日: GIS 開発者として学ぶべき最高の技術スタック

地理情報システムの日: GIS 開発者として学ぶべき最高の技術スタック

私たちが住んでいる世界を確実に理解するには、データが必要です。ただし、空間参照がない場合、このデータは地理的コンテキストがないと役に立たなくなる可能性があります。

Language