Are calls to Javascript methods thread-safe or synchronized?

Question

I am still new to Javascript. I am developing a simple page where I click a button fetching a value on a servlet and displays it. It works well, unless I click like crazy on the button. Sometimes, the displayed result is null.

I am wondering whether this is caused by simultaneous calls to the same following function:

function loadXMLDoc2(retr) {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            $("#" + retr).button('option', 'label', xmlhttp.responseText);
            // document.getElementById(retr).innerHTML=xmlhttp.responseText;
        }
    }
    var param = "cmd=" + encodeURIComponent(retr);
    document.getElementById("TOP_LEFT").innerHTML = param;
    xmlhttp.open("GET","/WebFront/Asynclet?" + param,true);
    xmlhttp.send(null);
}

Is Javascript thread-safe? And if not, how can I synchronize or isolate calls to this method?

I think that most browsers try to prevent race conditions. I didn't see any synchronisation blocks or such in JavaScript as it's designed to be easy (and single-threaded). — Constantino Tsarouhas, Oct 23 '11 at 19:07

jfriend00 · Accepted Answer · 2021-02-28T23:09:47.993

Other than HTML5 web workers (which are very tightly controlled and not apparently what you are asking about), Javascript in the browser is single threaded so regular Javascript programming does not have thread safety issues. One thread of execution will finish before the next one is started. No two pieces of Javascript are running at exactly the same time.

Things like ajax responses go through an event queue and are only executed when any other thread of execution has finished.

See Do I need to be concerned with race conditions with asynchronous Javascript? for more info.

For a specific discussion of ajax response callbacks see How does JavaScript handle AJAX responses in the background?.

score 7 · Answer 2 · answered Oct 23 '11 at 19:07

7

In the context of a browser, JavaScript is essentially single-threaded. (There are some newer browser features that provide a sort of threading model, but thread interactions are very limited and data can't be directly shared.)

answered Oct 23 '11 at 19:07

Pointy

405,095
59
585
614

Are calls to Javascript methods thread-safe or synchronized?

2 Answers2

Linked