Are JavaScript Promise asynchronous?

Question

Just a quick question of clarifications: is JavaScript Promise asynchronous? I've been reading a lot of posts on Promise and async programming (namely ajax requests). If Promise is not async, how do we make it so?

For example, I have a function to wrap a function f with argument array args inside a Promise. Nothing about f inherently is async.

function getPromise(f, args) {  return new Promise(function(resolve, reject) {   var result = f.apply(undefined, args);   resolve(result);  }); } 

To make this async, I read some SO posts and decided that the setTimeout is what a lot of people were recommending to make code non-blocking.

function getPromise(f, args) {  return new Promise(function(resolve, reject) {   setTimeout(function() {     var r = f.apply(undefined, args);    resolve(r);   }, 0);  }); } 

Would this approach with setTimeout work to make code non-blocking inside a Promise?

(Note that I am not relying on any third-party Promise API, just what is supported by the browsers).

Answer 1

I think you are working under a misunderstanding. JavaScript code is always* blocking; that is because it runs on a single thread. The advantages of the asynchronous style of coding in Javascript is that external operations like I/O do not require blocking that thread. The callback that processes the response from the I/O is still blocking though and no other JavaScript can run concurrently.

* Unless you consider running multiple processes (or WebWorkers in a browser context).

Now for your specific questions:

Just a quick question of clarifications: is JavaScript Promise asynchronous?

No, the callback passed into the Promise constructor is executed immediately and synchronously, though it is definitely possible to start an asynchronous task, such as a timeout or writing to a file and wait until that asynchronous task has completed before resolving the promise; in fact that is the primary use-case of promises.

Would this approach with setTimeout work to make code non-blocking inside a Promise?

No, all it does is change the order of execution. The rest of your script will execute until completion and then when there is nothing more for it to do the callback for setTimeout will be executed.

For clarification:

    console.log( 'a' );          new Promise( function ( ) {         console.log( 'b' );         setTimeout( function ( ) {             console.log( 'D' );         }, 0 );     } );      // Other synchronous stuff, that possibly takes a very long time to process          console.log( 'c' );

The above program deterministically prints:

a b c D 

That is because the callback for the setTimeout won't execute until the main thread has nothing left to do (after logging 'c').

Answer 2

const p = new Promise((resolve, reject) => {   if (1 + 1 === 2) {     resolve("A");   } else {     reject("B");   } });  p.then((name) => console.log(name)).catch((name) => console.log(name)); console.log("hello world");

Promise doesn't block the next lines while it's in pending state. So, it works asynchronously.