Promise staten in JavaScript
Een promise kan zich in één van de drie staten bevinden. Bij het aanmaken is de promise in afwachting (pending), en kan daarna vervuld worden (fulfilled), waarbij het het verkregen resultaat teruggeeft, of afgewezen (rejected), waarbij het de reden van afwijzing teruggeeft. Je kunt de overgang van de ene staat naar de andere zien door de volgende code uit te voeren:
let promise = new Promise(function(resolve, reject) {
setTimeout(function() {
let isError = false; // zet ofwel true, ofwel false
if (!isError) {
resolve([1, 2, 3, 4, 5]);
} else {
reject('error in promise');
}
}, 3000);
});
setInterval(function() {
console.log(promise); // elke seconde loggen we de promise naar de console
}, 1000);
Let op dat de staten fulfilled en rejected onveranderlijk zijn: als een promise naar een van deze staten is overgegaan, kan het niet meer naar een andere staat overgaan. Laten we kijken naar een voorbeeld. In de volgende code zal de reject-aanroep eerder plaatsvinden, daarom zal de resolve-aanroep worden genegeerd:
let promise = new Promise(function(resolve, reject) {
setTimeout(() => reject(new Error('error')), 1000);
setTimeout(() => resolve('ignored'), 2000);
});
Maak een promise die na enige tijd succesvol wordt uitgevoerd. Log deze naar de console en bestudeer de initiële staat en de voltooide staat.
Maak een promise die na enige tijd mislukt. Log deze naar de console en bestudeer de initiële staat en de voltooide staat.
