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

When I test my jQuery scripts in jsfiddle, they run smoothly. However, they do not seem to work properly when I

Error: Unable to execute $(...).stellar since it is not a recognized function

"Utilize jQuery to load a file when hovering over a specific

Exploring numerical elements in interactive content

Encountering Webpack issues following the transition to Next 13

Problem encountered while downloading dependencies with Snyk

How can one utilize JSON.parse directly within an HTML file in a Typescript/Angular environment, or alternatively, how to access JSON fields

What is the importance of context in the subscription method of RxJS or Angular Observables?

Using Three.js BVHLoader in React/React Native applications

CSS Class Not Updating in WordPress Using JavaScript

Node React authentication

jQuery AJAX issues on Safari and iOS gadgets

Determine the Availability of a URL with AngularJS

Using TypeScript with React and Redux to create actions that return promises

Automating the deployment of a vue.js app using GitLab CI/CD pipeline to deploy to

The result should display the top 5 application names based on the count property found within the ImageDetails object

Console shows successful jQuery ajax request, but the callback function is not being executed

Are you delving into the realm of reduce functions in order to grasp the intric

Launching event handlers and applying CSS classes within a single scenario

Jest does not support util.promisify(setTimeout) functionality