How to access the value of a promise?

by

promiseA‘s then function returns a new promise (promiseB) that is immediately resolved after promiseA is resolved, its value is the value of the what is returned from the success function within promiseA.

In this case promiseA is resolved with a value – result and then immediately resolves promiseB with the value of result + 1.

Accessing the value of promiseB is done in the same way we accessed the result of promiseA.

promiseB.then(function(result) {
    // here you can use the result of promiseB
});

Edit December 2019: async/await is now standard in JS, which allows an alternative syntax to the approach described above. You can now write:

let result = await functionThatReturnsPromiseA();
result = result + 1;

Now there is no promiseB, because we’ve unwrapped the result from promiseA using await, and you can work with it directly.

However, await can only be used inside an async function. So to zoom out slightly, the above would have to be contained like so:

async function doSomething() {
    let result = await functionThatReturnsPromiseA();
    return result + 1;
}

More Related Contents:

  1. Caching a promise object in AngularJS service
  2. Does never resolved promise cause memory leak?
  3. How do I use Bluebird with Angular?
  4. How can I access the value of a promise?
  5. Make angular.forEach wait for promise after going to next object
  6. AngularJS : Initialize service with asynchronous data
  7. Why are Callbacks from Promise `.then` Methods an Anti-Pattern
  8. What’s the difference between returning value or Promise.resolve from then()
  9. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  10. multiple, sequential fetch() Promise
  11. Unit-test promise-based code in Angularjs
  12. TypeError: Cannot read property ‘then’ of undefined
  13. Angular 1.6.0: “Possibly unhandled rejection” error [duplicate]
  14. How can I access a variable outside a promise `.then` method?
  15. ES6 Promise not Updating AngularJS DOM [duplicate]
  16. What happens with $q.all() when some calls work and others fail?
  17. Produce a promise which depends on recursive promises
  18. AngularJS Promises, $q, defer
  19. Processing $http response in service
  20. How to dodge jQuery promises completely when chaining two async jQuery functions?
  21. Promise Retry Design Patterns
  22. AngularJS multiple filter with custom filter function
  23. AngularJS group check box validation
  24. Resetting form after submit in Angularjs
  25. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  26. Angular 1 – get current URL parameters
  27. AngularJS : ng-model binding not updating when changed with jQuery
  28. Promise.all().then() resolve?
  29. Scope issues with Angular UI modal
  30. Rendering resolved promise value in Ember handlebars template

Leave a Comment