I have code like the following:

window.history.back();
myFunction(10);

• Is history.back() a blocking / non-blocking call?

• Is there an assurance that myFunction() will be executed? or will not be executed?

• Is this a possible race condition where history.back() happens asynchronously and whether myFunction() is called depends on timing of uncontrollable events?

I have code like the following:

window.history.back();
myFunction(10);

• Is history.back() a blocking / non-blocking call?

• Is there an assurance that myFunction() will be executed? or will not be executed?

• Is this a possible race condition where history.back() happens asynchronously and whether myFunction() is called depends on timing of uncontrollable events?

• javascript
• asynchronous
• concurrency

Share Improve this question Follow asked Aug 28, 2014 at 7:25 teddbyteeteddbytee 10311 silver badge55 bronze badges 4

• Interesting question, but what are your experiences on the matter? Have you tried this yourself? – Peter Commented Aug 28, 2014 at 7:29
• 2 This is a good question! Reading the spec, myFunction could be called if the BeforeUnloadEvent cancels the navigation at the very least – CodingIntrigue Commented Aug 28, 2014 at 7:30
• @Peter The function runs; however i want to be sure. – teddbytee Commented Aug 28, 2014 at 7:35
• @teddbytee, sure : good question, but your own experiences on the matter are always interesting as extra info – Peter Commented Aug 28, 2014 at 7:36

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

The spec says that history.back queues a task.

The actual history manipulation code (which is internal to the JS implementation) will therefore be executed during the next run of the main event loop. Your call to myFunction executes synchronously in the current round of execution, so it will always be executed in pliant environments.

However, only synchronous code in myFunction is guaranteed to execute. Consider this example:

function myFunction() {
  console.log('synchronous');
  debugger

  setTimeout(function() {
    console.log('async');
    debugger
  })
}

window.history.back();
myFunction();

The first debugger statement is always hit. The second, which is deferred to a future event loop tick using setTimeout, will not.

This article is a good explanation of the JavaScript event loop