Locking Spieldaten, wenn Aktualisierung und machen

Question

ich ein node.js Spiel machte, und meine meine Kundendaten aktualisieren/render Logik wie folgt implementiert:

var rendering = false; 
    var waiting_for_data = true; 
    var data_update = false; 

    socket.on('update', function(data){ 

     if(rendering)console.log("rendering"); 

     data_update = true; 
     game_data = data; 
     data_update = false; 

     if(waiting_for_data){ 
     waiting_for_data = false; 
     render(); 
     } 


    }); 

    window.requestAnimFrame = (function(){ 
      return window.requestAnimationFrame  || 
        window.webkitRequestAnimationFrame || 
        window.mozRequestAnimationFrame || 
        window.oRequestAnimationFrame  || 
        window.msRequestAnimationFrame  || 
        function(/* function */ callback, /* DOMElement */ element){ 
        window.setTimeout(callback, 1000/60); 
        }; 
    })(); 


    function render(){ 


     while(data_update){ 
     console.log("waiting" + data_update); 
     } 

     if(game_data == null)console.log(game_data); 

     rendering = true; 
     //mapa.draw(context, game_data.player_position); 
     renderer.draw(game_data); 
     rendering = false; 

     window.requestAnimFrame(render); 
    } 

    } 

Und ich kann mit beliebiger Position siehe Bild Blinken meine Elemente alle paar Sekunden. Wenn ich die Daten und die Position von console.log anspreche, sehen sie gut aus. Sollte ich irgendeine Art von Schlössern oder etwas anderes benutzen? Ist mein rendering var und data_update var für das Aktualisieren von Daten gesichert? Eine weitere Sache ist, dass der Server 60 Mal pro Sekunde "update".

Answer 1

Ihr Code sieht so aus, als ob Sie Thread-sicher sind. Es besteht kein Bedarf.

JavaScript ist single threaded. Es führt immer nur eine Anweisung auf einmal. Es führt immer nur eine Funktion gleichzeitig aus. Diese Funktion kann nicht unterbrochen werden, kein anderes Ereignis, keine anderen Daten werden geändert, bis die aktuelle Funktion beendet ist. Javascript ist das ultimative Thread-Safe, da es nur sequenzielle Ausführung ist. Es kann nicht unterbrochen werden, während Code ausgeführt wird. Alle Ereignisse wie socket.on und requestAnimationFrame müssen auf die aktuelle Ausführung warten, bevor sie ausgeführt werden können.

// var rendering = false; // not needed 
    var waiting_for_data = true; 
    // var data_update = false; // not needed 

    socket.on('update', function (data) { 
     // this will never run if render is running 
     //data_update = true; // nothing will see this 
     game_data = data; // ONLY this will ever happen between the line above and below 
     // data_update = false; // nothing will see this 

     if (waiting_for_data) { 
      waiting_for_data = false; 
      render(); 
     } 

    }); 


    function render() { 
     // if data_updata is true 
     // then the while loop will have no way to exit and nothing 
     // can change data_update while this loop is running except some code in the loop 
     // JavaScript is single threaded and can only do one thing at a time. 
     //while (data_update) { 
     // console.log("waiting" + data_update); 
     //} 

     // again single thread. Only code in this function can run NOTHING else 
     // can do anything until this function has exited all the way out 
     //rendering = true; 
     renderer.draw(game_data); 
     //rendering = false; 

     requestAnimationFrame(render); 
    }