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 の簡単な紹介

以上がES6 Promise 拡張の always メソッドインスタンスの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。