JavaScript同期オプション

Question

JavaScriptコードで同期を実行するソリューションが存在するのはいつも不思議でした。たとえば、私は次のような場合があります。AJAX呼び出しからいくつかの応答値をキャッシュしようとしています。問題は、複数の呼び出しを同時に行うことができるため、コード内の競合状態になります。ですから私はそれを解決するために非常に興味がありますか？どんな人もやるべきことを持っていますか？

Answer 1

私の問題の解決策を見つけました。私が探していたほど完璧ではないと言わなければならないが、これまでのところうまくいき、一時的に回避していると思う。

$.post("url1", function(data) 
{ 
    // do some computation on data and then 
    setSomeValue(data); 
}); 

var setSomeValue = (function() 
{ 
    var cache = {}; 
    return function(data) 
    { 
     if (cache[data] == "updating") 
     { 
      setTimeout(function(){ setSomeValue(data);}, 100); 
      return; 
     } 
     if (!cache[date]) 
     { 
      cache[date] = updating; 
      $.post("url2", function(another_data) 
      { 
        //make heavy computation on another_data 
        cache[data] = value; 
        // update the UI with value 
      }); 
     } 
     else 
     { 
      //update the UI using cached value 
     } 
    } 
})(); 

Answer 2

Javascriptは、少なくとも通常のブラウザ環境では、本質的にシングルスレッドです。同じ文書にアクセスするスクリプトを同時に2回実行することはありません。 （新しいJavascriptワーカースレッドはここでは例外かもしれませんが、メッセージの受け渡しだけで通信するために、ドキュメントにまったくアクセスするつもりはありません）。

Answer 3

はい、非IEでasynch optionを開いているメソッドで、IEブラウザのdo the sameでbAsyncパラメータでfalseに設定して、xmlHttpRequestsを同期させることができます。

何らかの理由でリクエストをチェーンしたいことがあります。キュースタックを作成し、リクエストを送信します。

Answer 4

まず、すべての現在のJS実装がシングルスレッドであることを知っておくことが重要です。そのため、通常は競合条件と同期の状況については検討していません。

サイドノートとして、ブラウザでJSの並行処理を可能にするワーカースレッドが導入されましたが、今のところこれは当てはまりません。

とにかく、あなたはまだフォームの非同期呼び出しを受け取ることを期待しているデータに問題があり、あなたが受け取る順序については保証がありません。

JSは、コールバックを使用してこれに非常に良いソリューションを提供します。それぞれの非同期イベントに対して、適切なコールバック関数を添付して送信し、適切にイベントを処理します。 同期は、それを意味する意味で、そこで起こっているはずです。

Answer 5

私は可能な解決法を提供することができますが、コードを見ることなく...あなたがしていることを完全には確認していませんが、これを行うことができなかった理由はありません。

のjQueryでの基本コード：（テストと略さ...しかし、私は同様のことを行っているではない）

var needAllThese = {}; 

$(function(){ 

     $.ajax("POST","/somepage.aspx",function(data) { 
      needAllThese.A = "VALUE"; 
     }); 

     $.ajax("POST","/somepage2.aspx",function(data) { 
      needAllThese.B = "VALUE"; 
     }); 

     $.ajax("POST","/somepage3.aspx",function(data) { 
      needAllThese.C = "VALUE"; 
     }); 

     startWatching(); 
}); 

function startWatching() { 
    if (!haveEverythingNeeded()) { 
     setTimeout(startWatching,100); 
     return; 
    } 
    everythingIsLoaded(); 
} 

function haveEverythingNeeded() { 
    return needAllThese.A && needAllThese.B && needAllThese.C; 
} 

function everythingIsLoaded() { 
    alert("Everything is loaded!"); 
} 

EDIT：（再：あなたのコメント）あなたはコールバックに

探しています、同じ方法でjQueryがそれを行います。

var cache = {}; 

    function getSomeValue(key, callback) { 
     if (cache[key]) callback(cache[key]); 

     $.post("url", function(data) { 
      setSomeValue(key,data); 
      callback(cache[key]); 
     }); 
    } 

    function setSomeValue(key,val) { 
     cache[key] = val; 
    } 

    $(function(){  
     // not sure you would need this, given the code above 
     for (var i = 0; i < some_length; ++i) { 
      $.post("url", function(data){ 
       setSomeValue("somekey",data); 
      }); 
     } 

     getSomeValue("somekey",function(val){    
      $("#element").txt(val);    
     };    
    }); 

Answer 6

私はそれが後になっていることを知っていますが、私は改善を与えると思っていました。 Artem Bargerは、キャッシュされた値が "更新中"の場合にsetTimeoutを使用する独自のソリューションを開発しました...代わりに、実際にキャッシュされたデータと関数のキューを保持するオブジェクトを持つように、データが返されたらキャッシュされたデータを呼び出す。

したがって、「更新中」の場合、項目データにリンクされたキューに関数を追加するだけで、データが返されます。データを設定してから、関数のキュー（コールバック）を繰り返し処理し、返されたデータで呼び出します。

テクニカルになりたい場合は、キューを通過する際に特定のQOSタイムアウトを設定し、繰り返しの始めにストップウォッチを設定し、特定の時間に達するとsetTimeoutを呼び出してあなたがそれを持っていることを願って:) - それは基本的に1つだけが必要とされるsetTimout呼び出しのX量を節約します。

上記のArtem Bargersコードを見ると、私が提案するものの要点を得るべきです。