Detecting the end of execution of an asynchronous function that provides no callback

Question

Normally an asynchronous function, let's say async(arg, cb), provides a callback function placeholder (cb) at the end so you can run your own code when the asynchronous routine ends. What if the asynchronous function has no callback argument? Clearly with cb missing in:

async(args);
myFunction();

myFunction() will run first. How can I make myFunction() run only after async ends? I tried writing my own callback wrappers without success; they were merely redirecting the function calls.

EDIT I'm interested in an answer to the above but I will give an example of how I ran into this situation.

My example is in the Google Maps Directions service. The asynchronous function is a drawing routine called directionsDisplay.setDirections(result);, and I want to recenter and zoom in after the drawing completes. I put together a setTimeout of 3 seconds so that what I want happens, but it's a clumsy solution. Altering the Google Maps API seems out of the question. What could be better?

The directions service is here.

http://jsfiddle.net/ryxtj/1/

Simply choose a city in either dropdown. After 3 seconds the map should move.

possible duplicate of [Google Maps V3 setDirections() callback](http://stackoverflow.com/questions/7228400/google-maps-v3-setdirections-callback) — jfriend00, Apr 22 '12 at 19:04

score 2 · Accepted Answer · edited May 23 '17 at 12:12

2

A simple Google search found me this related post: Google Maps V3 setDirections() callback

Which shows adding an event listener for when the directions change.

Javascript is single threaded and does NOT have synchronization capabilities like semaphores or mutexes. Thus, there is no ability to make your code "wait" until an async function completes or turn an async function into a synchronous one.

The only way to solve this is with event handlers and/or callback functions. No self respecting provider of APIs will give you an API to an asynchronous function without some ability to know when it completes. If they do, it's a really crummy API and you'd have to go into the source implementation for that API, find where the completion of the event is handled and install a callback (by modifying the original source). Unless they've already provided for completion events or completion callbacks in the design, there's nothing else you can do from "outside" the code.

edited May 23 '17 at 12:12

Community

1
1

answered Apr 22 '12 at 19:04

jfriend00

683,504
96
985
979

Thanks, I am more curious about the general case I describe in the first half (which might be impossible), but this does solve my immediate problem. – Tina CG Hoehr Apr 22 '12 at 19:06
@MiaDiLorenzo - I added more to my answer about the other part. – jfriend00 Apr 22 '12 at 19:18
I appreciate the detail and comment on asynchronous APIs. You're right that I totally overlooked the listener provided in the link. – Tina CG Hoehr Apr 22 '12 at 19:23
I think you'll still need a timeout to call the panTo method. In my testing, if you fire panTo within the function specified by the event listener it will not respond. http://jsfiddle.net/ryxtj/2/ – Kyle Apr 22 '12 at 19:41

score 2 · Answer 2 · answered Apr 23 '12 at 17:16

Surely a better solution - rather than letting DirectionsRenderer recenter the map, and then jsut change it again yourself - is to tell DirectionsRenderer to NOT recenter the map in the first place.

Then you are free to recenter it as you wish.

See https://developers.google.com/maps/documentation/javascript/reference#DirectionsRendererOptions

can tell it to preserveViewport - then you dont need to bother with any messy listeners.

Like this: http://jsfiddle.net/8kbf2/1/

I thank you for pointing that out by giving you another 10 rep :) — Tina CG Hoehr, Apr 23 '12 at 22:02

score 1 · Answer 3 · edited May 23 '17 at 12:21

This should provide you with the callback/event:

google.maps.event.addListener(directionsDisplay, 'directions_changed', function() {
  // ... CALLBACK
});

Source: Google Maps V3 setDirections() callback

On the other part of your question: No, you cant synchronize an asynchronous call directly without any modification to the code that is causing it or some hacky overrides.

For Example:
You could try to figure out how the code is beeing asynchronized, maybe it's a setTimeout(func,1) call. You could then override the setTimeout function and fetch the call, adding a callback to it possibly. But that's a pretty unclean solution.

Thanks for updating. I have to admit I got lost in your hack description but as you imply it's not a great workaround. — Tina CG Hoehr, Apr 22 '12 at 19:22

Detecting the end of execution of an asynchronous function that provides no callback

3 Answers3