Ensure that the promise is fulfilled only if a specific condition is met

Question

Ensure that the promise is fulfilled only if a specific condition is met

I have a complex if-else condition in my code that includes different promises. Once the logic determines which condition to enter and executes the corresponding promise, I need to ensure that a final promise is always executed.

if (a < 5)
{
   vm.promise1()
   .then((data) => {
      //handle data
   })
}
else if (a > 5)
{
vm.promise2()
   .then((data) => {
      //handle data
   })
}
else
{
vm.promise3()
   .then((data) => {
      //handle data
   })
}

Now, I want to ensure that vm.finalPromise() is executed after any of the conditions are met. Is there a way to achieve this without having to use .finally() on each individual promise?

Thank you

javascript angularjs

Answer 1

Answer №1

If you ask me, I'd recommend sticking with a "Promisy" approach. Instead of directly storing a promise in a variable, consider calling a function that returns the promise. Keep in mind, this is simply a matter of personal style preference.

function doSomething() {
  if (a < 5) {
    return vm.promise1().then((data) => {
      //do something with data
    });
  } else if (a > 5) {
    return vm.promise2().then((data) => {
      //do something with data
    });
  } else {
    return vm.promise3().then((data) => {
      //do something with data
    });
  } 
}

doSomething().then(() => {
  // finally do something
});

Answer 2

If you ask me, I'd recommend sticking with a "Promisy" approach. Instead of directly storing a promise in a variable, consider calling a function that returns the promise. Keep in mind, this is simply a matter of personal style preference.

function doSomething() {
  if (a < 5) {
    return vm.promise1().then((data) => {
      //do something with data
    });
  } else if (a > 5) {
    return vm.promise2().then((data) => {
      //do something with data
    });
  } else {
    return vm.promise3().then((data) => {
      //do something with data
    });
  } 
}

doSomething().then(() => {
  // finally do something
});

Answer 3

Answer №2

To handle different promises, initialize a variable to store them

Simply use the variable as you would with any other promise following the if/else conditional code

var p;
if (a < 5) {
   p = vm.promise1()
   .then((data) => {
      //process data accordingly
   })
} else if (a > 5) {
    p = vm.promise2()
   .then((data) => {
      //process data accordingly
   })
} else {
    p = vm.promise3()
   .then((data) => {
      //process data accordingly
   })
}
p.then((result) => {
     //implement your logic here
});

Answer 4

To handle different promises, initialize a variable to store them

Simply use the variable as you would with any other promise following the if/else conditional code

var p;
if (a < 5) {
   p = vm.promise1()
   .then((data) => {
      //process data accordingly
   })
} else if (a > 5) {
    p = vm.promise2()
   .then((data) => {
      //process data accordingly
   })
} else {
    p = vm.promise3()
   .then((data) => {
      //process data accordingly
   })
}
p.then((result) => {
     //implement your logic here
});

Ensure that the promise is fulfilled only if a specific condition is met

Answer №1

Answer №2

Similar questions

The data is not appearing in the Vuetify data table

Moving the Promise.all feature from AngularJs to VueJs

Issue with a variable within an *.ejs file

Obtaining data from the following entry in JSON format using the Twitter API

Finally, $.getJSON has been triggered

jQuery problem: Unable to access a property that is undefined

Please provide several input fields with identical 'name' attributes for submission

What causes a globally declared array to remain empty in the global scope even after data is pushed to it within a callback function?

What is the reason behind the lack of asynchronous functionality in the mongoose find method

Swap out the image backdrop by utilizing the forward and backward buttons

Is it possible to manually activate a dropdown event using pure JavaScript?

A new sub-schema has been created in the JSON schema specifically tailored to a certain property

AngularJS iOS keyboard not disappearing post iOS 10 update

Step-by-step guide on creating a monochrome version of an image using automation

Creating stylish error labels using Materialize CSS

Using ngrx to automatically update data upon subscription

Generate an array using hyperlinks within a list item created by the user

Attempting to access a variable without wrapping it in a setTimeout function will

What is the reason javascript struggles to locate and replace strings with spaces in a URL?

Utilize jQuery and JavaScript dynamically in an HTML document on iOS devices