paint-brush
Should I use Promises or Async-Awaitby@nkgokul
125,076 reads
125,076 reads

Should I use Promises or Async-Await

by Gokul N KAugust 17th, 2018
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

I recently read a medium post where the author claimed that using <code class="markup--code markup--p-code">async-await</code> is better than using <code class="markup--code markup--p-code">promises.</code> While this might hold good in general cases, I think that generalisation was too broad and doesn’t do justice to either <code class="markup--code markup--p-code">async-await</code> or <code class="markup--code markup--p-code">promises.</code> For somebody who is new to Javascript making sense of these and decide which one to use can be a challenge. In this post I will list down things that I have learnt about these and how I decide when to use what. If you find anything interesting/useful in this article you can highlight them using our chrome extension <a href="https://bit.ly/highlights-extension" target="_blank">https://bit.ly/highlights-extension</a>

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - Should I use Promises or Async-Await
Gokul N K HackerNoon profile picture

I recently read a medium post where the author claimed that using async-await is better than using promises. While this might hold good in general cases, I think that generalisation was too broad and doesn’t do justice to either async-await or promises. For somebody who is new to Javascript making sense of these and decide which one to use can be a challenge. In this post I will list down things that I have learnt about these and how I decide when to use what. If you find anything interesting/useful in this article you can highlight them using our chrome extension https://bit.ly/highlights-extension

I read somewhere that async-await is syntactical sugar for using promises. So before getting to know async-await or deciding on which approach to you use make sure that you have a better understanding of promises. I captured my learnings in the post Understanding promises in Javascript. If you do not have time to go through the full article checkout the thumb rules that I follow.

Thumb Rules for using Promises

  1. Use promises whenever you are using asynchronous or blocking code.
  2. resolve maps to then and reject maps to catch for all practical purposes.
  3. Make sure to write both .catch and .then methods for all the promises.
  4. If something needs to be done in both the cases use .finally
  5. We only get one shot at mutating each promise.
  6. We can add multiple handlers to a single promise.
  7. The return type of all the methods in Promise object whether they are static methods or prototype methods is again a Promise
  8. In Promise.all the order of the promises are maintained in values variable irrespective of which promise was first resolved.

Once you have wrapped your head around promises checkout async await. It helps you to write code that is much more readable. When not used properly it has its downsides. You can read Understanding async-await in Javascript to checkout my learnings. If you do not have time to read the full article checkout my thumb rules.

Thumb Rules for async-await

Here are a list of thumb rules I use to keep my head sane around using asyncand await

  1. async functions returns a promise.
  2. async functions use an implicit Promise to return its result. Even if you don’t return a promise explicitly async function makes sure that your code is passed through a promise.
  3. await blocks the code execution within the async function, of which it(await statement) is a part.
  4. There can be multiple await statements within a single async function.
  5. When using async await make sure to use try catch for error handling.
  6. Be extra careful when using await within loops and iterators. You might fall into the trap of writing sequentially executing code when it could have been easily done in parallel.
  7. await is always for a single promise.
  8. Promise creation starts the execution of asynchronous functionality.
  9. await only blocks the code execution within the async function. It only makes sure that next line is executed when the promise resolves. So if an asynchronous activity has already started then await will not have an effect on it.

So should I use promises or async-await

The answer is that we will use both. Following are the thumb rules I use to decide when to use promises and when to use async await

  1. async function returns a promise. The converse is also true. Every function that returns a promise can be considered as async function
  2. await is used for calling an async function and wait for it to resolve or reject.
  3. await blocks the execution of the code within the async function in which it is located.
  4. If the output of function2 is dependent on output of function1 then I use await.
  5. If two functions can be run in parallel create two different async functions and then run them in parallel.
  6. To run promises in parallel create an array of promises and then use Promise.all(promisesArray)
  7. Every time you use await remember that you are writing blocking code. Over the time we tend to neglect this.
  8. Instead of creating huge async functions with many await asyncFunction() in it, it is better to create smaller async functions. This way we will be aware of not writing too much of blocking code.
  9. Another advantage of using smaller async functions is that you force yourself to think what are the async functions that can be run in parallel.
  10. If your code contains blocking code it is better to make it an asyncfunction. By doing this you are making sure that somebody else can use your function asynchronously.
  11. By making async functions out of blocking code, you are enabling the user who will call your function to decide on the level of asynhronicity he wants.

Hope this helps you decide easily when to use promises and when to use promises and when to useasync-await

If you liked this article and would like to read similar articles, don’t forget to clap.

Click and drag to clap more than once. 50 is the limit.

Understanding Series

This article is a part of my learning series, which I call Understanding X. You can read more above it in this link.

Understanding Javascript


Understanding promises in JavaScript_I have had a kind of “love and hate” relationship with JavaScript. But nevertheless JavaScript was always intriguing…_hackernoon.com


Understanding async-await in Javascript_Async and Await are extensions of promises. So if you are not clear about the basics of promises please get comfortable…_hackernoon.com


Should I use Promises or Async-Await_I recently read a medium post where the author claimed that using async-await is better than using promises. While this…_hackernoon.com


Understanding npm in Nodejs_I think npm was one of the reasons for quick adoption of nodejs. As of writing this article there are close 7,00,000…_hackernoon.com

Understanding Linux


Linux Survival Guide for Beginners_Survival guide for those who are starting with Linux_hackernoon.com


Understanding Zabbix_Monitor all your server infrastructure_hackernoon.com


Understanding UFW_Ubuntu Firewall for humans_hackernoon.com


Linux Systemctl_Monitoring services and starting them on boot_hackernoon.com

Understanding React


Understanding Functional Components_React is all about keeping your front-end code modular and reusable. Components play a crucial role in making React…_hackernoon.com

Understanding Learning


The Thing about Rabbit Holes_The dictionary meaning of a rabbit hole is as follows._medium.com

Understanding Cryptocurrencies


Why comparing cryptocurrency prices is wrong_Price is an important indicator. But it can also be misleading in many cases._blog.goodaudience.com


Beginner’s Guide to “Investing in Cryptocurrencies”_It has been more than an year since I started investing in cryptocurrencies. Following Warren Buffet’s advice of “Never…_hackernoon.com