Y a-atomique javascript opérations pour faire face à l'Ajax asynchrone de la nature?

Je suis le chargement dynamique de code (fonctions) à partir d'un serveur et de l'exécuter comme du code javascript puis les stocker dans un tableau et de l'exécution. Tous ces extraits de code doit être exécuté exactement une fois. Le psuedocode suit en tant que tel

function fetch(foo){
    if (foo in fooArray){
          //Do Nothing
    else{
          //Fetch foo via Ajax and execute foo()
    }
}

Le problème est beaucoup plus complexe, mais en gros, si je la commande ci-dessous

fetch('someFunctionName');
fetch('someFunctionName');
fetch('someFunctionName');
fetch('someFunctionName');

tous les quatre d'exécuter la if (foo in fooArray) et suppose qu'il n'est pas dans le tableau, et tous les quatre vont procéder pour récupérer le code et l'exécuter. Je me souviens de retour dans la journée d'apprentissage sur les sémaphores et les mutex, il y a de telles choses pour le javascript.

InformationsquelleAutor puk | 2011-09-01
  1. 32

    JavaScript est une belle langue qui fonctionne très bien avec des rappels asynchrones, les délais, les intervalles et les événements de l'utilisateur, mais ne pas avoir de problèmes de concurrence d'accès. Cela est possible parce que le JavaScript est essentiellement mono-thread - quel morceau de code est toujours exécutée de manière atomique et jamais interrompu par un autre thread en cours d'exécution JavaScript.

    Votre fetch() fonction sera toujours exécuté sans interruption. Si elle est exécutée dans le cadre de l'AJAX de rappel et si plusieurs rappels AJAX sont en attente, ils seront en file d'attente.

    Un autre exemple: si vous avez un gestionnaire d'événement affecté à un élément d'entrée et vous déclencher l'événement à plusieurs reprises à la fois, les gestionnaires d'événements à ne pas être exécutées simultanément. Au lieu de cela, ils seront en file d'attente et exécutées de façon séquentielle. Ceci s'applique également à de nombreux événements déclenchés par setTimeout()/setInterval().

    Que d'un côté-note: ceci est une des raisons pour lesquelles node.js est tellement robuste: il n'utilise que seul thread et bloque jamais sur les I/O, mais utilise des rappels au lieu lorsque les données sont prêtes/événement se produit.

    • Strictement parlant, web workers permettre une exécution simultanée de JS, mais depuis, la seule interaction entre les travailleurs et "normal" JS qui se passe via des messages vous toujours n'ont pas de problèmes de concurrence d'accès.
    • Tomasz je vois ce que vous dites, merci.
    • si les appels AJAX prendre trop de temps, peut-être que l'on pourrait ne pas vouloir avoir de trop nombreux (plus de 2 ou 6 selon le navigateur) en attendant, donc, je vous offre une solution de mise en cache en dessous.. qu'en pensez-vous?
    • asynchrone, ne sont pas simultanées.
    • Javascript est simultanées, mais pas en parallèle. blog.golang.org/concurrency-is-not-parallelism
    InformationsquelleAutor Tomasz Nurkiewicz
  2. 1

    Javascript est essentiellement mono-thread, donc vous n'avez pas besoin d'un mutex. Votre fetch pourrait mettre en place des indicateurs tels que par la suite, récupérer des appels pourrait éviter de faire des appels ajax par exemple:

    var beingFetched = {};//map onflight -> callbacks
function fetch(foo){
  if (foo in fooArray){
      //Do Nothing
  } else {
      if (beingFetched.foo) { //note empty array is truthy
          //register a callback
          var callback = function(r){
             //anything you need to do wit the return object r
             //maybe even eval it.
          };
          //the callback would more likely be an argument to fetch itself
          //or you could use a promise API instead so that you can at your will
          //register multiple callbacks - for error, for success etc.
          beingFetched.foo.push(callback); 
      } else {
          beingFetched.foo = [];//truthy
          //Fetch foo via Ajax and execute
          $.ajax("getFoo/"+foo).done(function() {
              _.each(beingFetched.foo, function(cb){
                  cb.apply(cb,arguments);
              });
              delete beingFetched.foo;
          });
      }
  }
}
    InformationsquelleAutor Ustaman Sangat