ホームページ > 記事 > ウェブフロントエンド > ES6 Promise 拡張の always メソッドインスタンスの詳細説明
この記事では主に ES6 Promise 拡張機能の always メソッドを紹介します。編集者はこれが非常に優れていると考えたので、参考として共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。
ES6 では、成功した場合は then で処理され、失敗した場合は catch で処理される Promise オブジェクトが追加されました。ただし、読み込みの非表示、ログの記録など、成功または失敗に関係なく何かを行う必要がある場合があります。例としてブラウザ側の ajax リクエストを見てみましょう。axios (Promise に基づいています) を使用します。
axios.get("/").then(()=>{ //处理逻辑 ... console.log("请求结束") hideLoading(); }).catch(()=>{ console.log("请求结束") hideLoading(); })
このようなコードは非常に冗長です。この時期になると、jQuery が少し恋しくなります:
$.get("/").done(()=>{ //处理逻辑 }).always(()=>{ console.log("请求结束") hideLoading(); })
es6-promise-always は ES6 の機能を拡張したもので、常時サポートし、ノードとブラウザの両方をサポートします。
を使用してください。 1.
npm install es6-promise-always --save
をインストールします。 2.
require("es6-promise-always") axios.get("/").then(()=>{ //处理逻辑 }).always(()=>{ console.log("请求结束") hideLoading(); })
always(data, error)
data:solveを使用してデータを導入します。
エラー: データを拒否しました。
ヒント
これによりプログラムが肥大化することを心配しないでください。 es6-promise-always は非常に小さいです。 Alwaysを導入し始めた当初は、間違った方向に進んでしまい、道に迷ってしまったことに気づきました。 Github アドレス: https://github.com/wendux/es6-promise-always
関連する推奨事項:
以上がES6 Promise 拡張の always メソッドインスタンスの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。