How to implement a lock in JavaScript

by

Lock is a questionable idea in JS which is intended to be threadless and not needing concurrency protection. You’re looking to combine calls on deferred execution. The pattern I follow for this is the use of callbacks. Something like this:

var functionLock = false;
var functionCallbacks = [];
var lockingFunction = function (callback) {
    if (functionLock) {
        functionCallbacks.push(callback);
    } else {
        $.longRunning(function(response) {
             while(functionCallbacks.length){
                 var thisCallback = functionCallbacks.pop();
                 thisCallback(response);
             }
        });
    }
}

You can also implement this using DOM event listeners or a pubsub solution.

More Related Contents:

  1. How to trigger event in JavaScript?
  2. Firing event on DOM attribute change
  3. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  4. How can I capture the right-click event in JavaScript? [duplicate]
  5. How to find out which JavaScript events fired?
  6. event.preventDefault() vs. return false (no jQuery)
  7. How do you log all events fired by an element in jQuery?
  8. Accessing an object’s property from an event listener call in JavaScript
  9. Pass mouse events through absolutely-positioned element
  10. jQuery equivalent of JavaScript’s addEventListener method
  11. How do you detect the clearing of a “search” HTML5 input?
  12. Are event handlers in JavaScript called in order?
  13. Handling “onclick” event with pure JavaScript
  14. Remove key press delay in Javascript
  15. JavaScript add events cross-browser function implementation: use attachEvent/addEventListener vs inline events
  16. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  17. Fire oninput event with jQuery
  18. Replacement for deprecated `keypress` DOM event
  19. How to set file input value when dropping file on page? [duplicate]
  20. CSS3 transition events
  21. Javascript callback when IFRAME is finished loading?
  22. Easy to understand definition of “asynchronous event”? [closed]
  23. Callback on CSS transition
  24. Handle URL fragment identifier (anchor) change event in Javascript
  25. Is there a way in javascript to detect if the unload event is caused via a refresh, the back button, or closing the browser? [duplicate]
  26. Create a file using Javascript in Chrome on client side
  27. How to know whether refresh button or browser back button is clicked in Firefox [duplicate]
  28. Listening for Youtube Event in JavaScript or jQuery
  29. Detect if HTML5 Video element is playing [duplicate]
  30. Implementing events in custom object

Leave a Comment