1. ホーム
  2. javascript

[解決済み] プロミスを複数回解決しても大丈夫ですか?

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));