Promises

let promiseToClean = new Promise(function(resolve, reject) {
    let isClean = true;
    if(isClean){
      resolve('Clean');
      return; //resolve/reject don't stop execution
    }
  
     reject('Not Clean');
  });

//when promise is resolved
promiseToCleanTheRoom.then((fromResolve) => {
  console.log('the room is' + fromResolve);
}).catch( (fromReject) => {
  console.log('the room is' + fromReject);
}));

Promisify

function screenshotPromise(windowId) {
  return new Promise((resolve, reject) => {
    chrome.tabs.captureVisibleTab(windowId, {quality: 10},
      (screenshotData) => {
        console.log("Screenshot", screenshotData);
        resolve(screenshotData);
      });
  });
}

PROMISE ALL

var promise1 = Promise.resolve(3);
var promise2 = 42;
var promise3 = new Promise(function(resolve, reject) {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then(function(values) {
  console.log(values);
});
// expected output: Array [3, 42, "foo"]

Error Handling

function f() {
	return new Promise((resolve, reject) => reject(new Error("Err")))
}

async function g() {
	throw new Error("Err")
}

try {
	await f()
	await g()
} catch(err) {
	//both throw same errors
}

RETURNING IN then

When you return something from a then() callback, it's a bit magic. If you return a value, the next then() is called with that value. However, if you return something promise-like, the next then() waits on it, and is only called when that promise settles (succeeds/fails).

getJSON('story.json').then(function(story) {
  return getJSON(story.chapterUrls[0]);
}).then(function(chapter1) {
  console.log("Got chapter 1!", chapter1);
})

Last updated