[解決済み] プロミスを複数回解決しても大丈夫ですか?
2022-05-18 03:56:46
質問
私のアプリケーションには、次のコードを含む国際化サービスがあります。
var i18nService = function() {
this.ensureLocaleIsLoaded = function() {
if( !this.existingPromise ) {
this.existingPromise = $q.defer();
var deferred = this.existingPromise;
var userLanguage = $( "body" ).data( "language" );
this.userLanguage = userLanguage;
console.log( "Loading locale '" + userLanguage + "' from server..." );
$http( { method:"get", url:"/i18n/" + userLanguage, cache:true } ).success( function( translations ) {
$rootScope.i18n = translations;
deferred.resolve( $rootScope.i18n );
} );
}
if( $rootScope.i18n ) {
this.existingPromise.resolve( $rootScope.i18n );
}
return this.existingPromise.promise;
};
このアイデアは、ユーザが
ensureLocaleIsLoaded
を呼び出して、プロミスが解決されるのを待つというものです。しかし、この関数の目的があくまでも
を確保する
であることを考えると、ユーザーがこの関数を何度も呼び出すことは全く問題ないでしょう。
私は現在、ただ一つの約束を保存し、ロケールがサーバーから正常に取得された後、ユーザーが再び関数を呼び出した場合にそれを解決しています。
私が知る限り、これは意図したとおりに動作していますが、これが適切なアプローチであるかどうか疑問に思っています。
どのように解決するのですか?
現在、私がプロミスを理解しているように、これは100%問題ないはずです。理解すべき唯一のことは、一度解決(または拒否)されたら、それがdeferredオブジェクトのためのものであることです - それは完了です。
もしあなたが
then(...)
を再び呼び出すと、すぐに(最初の)解決/拒否された結果が得られます。
への追加の呼び出しは
resolve()
を追加で呼び出しても、何の効果もありません。
以下に、これらのユースケースをカバーする実行可能なスニペットを示します。
var p = new Promise((resolve, reject) => {
resolve(1);
reject(2);
resolve(3);
});
p.then(x => console.log('resolved to ' + x))
.catch(x => console.log('never called ' + x));
p.then(x => console.log('one more ' + x));
p.then(x => console.log('two more ' + x));
p.then(x => console.log('three more ' + x));
関連
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
jq は html ページとデータを動的に分割する。
-
[解決済み] JavaScript の Promise が解決するのを待ってから機能を再開するにはどうすればよいですか?
-
[解決済み] JavaScriptで複数の値を返す?
-
[解決済み] JavascriptのPromiseを関数スコープ外で解決する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
Vueにシンプルなメモ帳機能を実装
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
vueディレクティブv-bindの使用と注意点
-
vueの補間表現とv-textディレクティブの違いについて
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】ExpressJS : res.redirect()が期待通りに動かない?
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する