ホームページ  >  記事  >  ウェブフロントエンド  >  ES6 Promise 拡張の always メソッドインスタンスの詳細説明

ES6 Promise 拡張の always メソッドインスタンスの詳細説明

小云云
小云云オリジナル
2018-01-31 13:28:592155ブラウズ

この記事では主に 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。