JavaScript promises, mastering the asynchronous

471K views

Open Source Your Knowledge, Become a Contributor

Technology knowledge has to be shared and made accessible for free. Join the movement.

Previous: The Promise class Next: It's time to pratice with promises

How can the Promise class help us? First off, everyone uses it because it is now the standard way to deal with asynchronous code... so we have to use it. Following the standard is always the best thing to do. Now that we know that, here is a simple example of how to use a promise.

First promise example

As you shown above, you can use the resolve function to fullfil the promise. The then function binds a callback to the promise and you can use the data given to the resolve function.

You can bind multiples callbacks:

Multiple callbacks

The reject function is used to trigger an error. When you use then, you can give 2 functions. The first function is used when the promise exits successfully. The second function is used when the promise encounters an error.

When an error happens

You can still bind multiple then methods:

When an error happens with multiple callbacks

var promise = new Promise(function(resolve, reject) {
    setTimeout(function() {
        reject('We are all going to die');
    }, 2000);
});
promise.then(function success(data) {
    console.log(data + ' 1');
}, function error(data) {
    console.error(data + ' 1');
});
promise.then(function success(data) {
    console.log(data + ' 2');
}, function error(data) {
    console.error(data + ' 2');
});
promise.then(function success(data) {
    console.log(data + ' 3');
}, function error(data) {
    console.error(data + ' 3');
});

You can call resolve and reject multiple times, but this is useless. Once a promise is finished, it can't restart.

Calling resolve multiple times

Open Source Your Knowledge: become a Contributor and help others learn. Create New Content

Open Source Your Knowledge, Become a Contributor

7/17 Your first code with promises

JavaScript, async and await keywords

JavaScript array + loop

My First Playground - Node.js

Wie man die Programmierfähigkeiten von Entwicklern vor der Einstellung testet