Simplify async code with generators and promises

Asynchronous code is a necessary part of life when developing in JavaScript. Why not make it easy on yourself?

Start with promises. They reduce the need for callback functions and practically eliminate nested callbacks. If you aren’t already using them, you should be. My favorite library for promises is https://github.com/petkaantonov/bluebird

Then we have generators. They are a new feature introduced in ES6. You can read more about them here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*

Even when using promises, async code can become unwieldy. Take a look at the following code.

getUser(id).then(function (user) {
  return getCompany(user.companyId).then(function(company) {
    return getUser(company.ceoId);
  });
});

Assume id is already set and that all functions return promises. The code will return the user object for the CEO of the original user’s company. Take a look at that same function using generators and https://github.com/tj/co, a helper library.

co(function *() {
  let user = yield getUser(id);
  let company = yield getCompany(user.companyId);
  return yield getUser(company.ceoId);
});

Not bad. Generators used with promises gives us code that is nearly identical to async/await. Much easier to follow and read.

If you’re using Bluebird, coroutines provide the same functionality.

https://github.com/petkaantonov/bluebird/blob/master/API.md#promisecoroutinegeneratorfunction-generatorfunction—function

 
3
Kudos
 
3
Kudos

Now read this

Protecting Against Minification

AngularJS is an interesting beast. The official documentation can be severely lacking. Trying to find answers or examples on the internet frequently turns into a hassle. Something that I feel that should be covered is ensuring that your... Continue →