Certified Copy (film)
2011
Search results
People also ask
What is a promise in JavaScript?
Who wrote 'Promises' by Calvin Harris & Sam Smith?
What does a promise mean?
What is a promise object?
Learn the noun and verb meanings of promise, as well as its synonyms, examples, etymology, and legal implications. Find out how to use promise in a sentence, or how to cite it in your writing.
- Overview
- Description
- Constructor
- Static properties
- Static methods
- Instance properties
- Instance methods
- Examples
The Promise object represents the eventual completion (or failure) of an asynchronous operation and its resulting value.
To learn about the way promises work and how you can use them, we advise you to read Using promises first.
A Promise is a proxy for a value not necessarily known when the promise is created. It allows you to associate handlers with an asynchronous action's eventual success value or failure reason. This lets asynchronous methods return values like synchronous methods: instead of immediately returning the final value, the asynchronous method returns a promise to supply the value at some point in the future.
A Promise is in one of these states:
•pending: initial state, neither fulfilled nor rejected.
•fulfilled: meaning that the operation was completed successfully.
•rejected: meaning that the operation failed.
The eventual state of a pending promise can either be fulfilled with a value or rejected with a reason (error). When either of these options occur, the associated handlers queued up by a promise's then method are called. If the promise has already been fulfilled or rejected when a corresponding handler is attached, the handler will be called, so there is no race condition between an asynchronous operation completing and its handlers being attached.
Promise()\t
Creates a new Promise object. The constructor is primarily used to wrap functions that do not already support promises.
Promise[@@species]\t
Returns the constructor used to construct return values from promise methods.
Promise.all()\t
Takes an iterable of promises as input and returns a single Promise. This returned promise fulfills when all of the input's promises fulfill (including when an empty iterable is passed), with an array of the fulfillment values. It rejects when any of the input's promises reject, with this first rejection reason.
Promise.allSettled()\t
Takes an iterable of promises as input and returns a single Promise. This returned promise fulfills when all of the input's promises settle (including when an empty iterable is passed), with an array of objects that describe the outcome of each promise.
Promise.any()\t
Takes an iterable of promises as input and returns a single Promise. This returned promise fulfills when any of the input's promises fulfill, with this first fulfillment value. It rejects when all of the input's promises reject (including when an empty iterable is passed), with an AggregateError containing an array of rejection reasons.
These properties are defined on Promise.prototype and shared by all Promise instances.
Promise.prototype.constructor\t
The constructor function that created the instance object. For Promise instances, the initial value is the Promise constructor.
Promise.prototype[@@toStringTag]\t
Promise.prototype.catch()\t
Appends a rejection handler callback to the promise, and returns a new promise resolving to the return value of the callback if it is called, or to its original fulfillment value if the promise is instead fulfilled.
Promise.prototype.finally()\t
Appends a handler to the promise, and returns a new promise that is resolved when the original promise is resolved. The handler is called when the promise is settled, whether fulfilled or rejected.
Promise.prototype.then()\t
Appends fulfillment and rejection handlers to the promise, and returns a new promise resolving to the return value of the called handler, or to its original settled value if the promise was not handled (i.e. if the relevant handler onFulfilled or onRejected is not a function).
Basic Example Example with diverse situations
This example shows diverse techniques for using Promise capabilities and diverse situations that can occur. To understand this, start by scrolling to the bottom of the code block, and examine the promise chain. Upon provision of an initial promise, a chain of promises can follow. The chain is composed of .then() calls, and typically (but not necessarily) has a single .catch() at the end, optionally followed by .finally(). In this example, the promise chain is initiated by a custom-written new Promise() construct; but in actual practice, promise chains more typically start with an API function (written by someone else) that returns a promise. The example function tetheredGetNumber() shows that a promise generator will utilize reject() while setting up an asynchronous call, or within the call-back, or both. The function promiseGetWord() illustrates how an API function might generate and return a promise in a self-contained manner. Note that the function troubleWithGetNumber() ends with a throw. That is forced because a promise chain goes through all the .then() promises, even after an error, and without the throw, the error would seem "fixed". This is a hassle, and for this reason, it is common to omit onRejected throughout the chain of .then() promises, and just have a single onRejected in the final catch(). This code can be run under NodeJS. Comprehension is enhanced by seeing the errors actually occur. To force more errors, change the threshold values.
Advanced Example
This small example shows the mechanism of a Promise. The testPromise() method is called each time the is clicked. It creates a promise that will be fulfilled, using setTimeout(), to the promise count (number starting from 1) every 1-3 seconds, at random. The Promise() constructor is used to create the promise. The fulfillment of the promise is logged, via a fulfill callback set using p1.then(). A few logs show how the synchronous part of the method is decoupled from the asynchronous completion of the promise. By clicking the button several times in a short amount of time, you'll even see the different promises being fulfilled one after another.
Loading an image with XHR
Another simple example using Promise and XMLHttpRequest to load an image is available at the MDN GitHub js-examples repository. You can also see it in action. Each step is commented on and allows you to follow the Promise and XHR architecture closely.
Code sample
var p1 = new Promise(function(resolve, reject) {log.insertAdjacentHTML('beforeend', thisPromiseCount +') Promise started (<small>Async code started</small>)<br/>');window.setTimeout(...noun. a declaration that something will or will not be done, given, etc., by one: unkept political promises. an express assurance on which expectation is to be based: promises that an enemy will not win. Synonyms: pledge, word. something that has the effect of an express assurance; indication of what may be expected.
Music video. "Promises" on YouTube. " Promises " is a song by Scottish DJ and record producer Calvin Harris and English singer-songwriter Sam Smith. Both artists co-wrote the song with Canadian singer-songwriter Jessie Reyez, who also provided additional vocals to the song.
