如何获取promise和fire函数的值

Question

我知道这是一个常见的问题，但我遇到了一些问题，试图触发一个函数，只有当一个承诺被返回时。我也想获取 promise 返回的值。

• 所以我想访问一个 Angular 服务，它似乎在进行 API 调用。
• 等待承诺解决。
• 然后将返回的承诺存储为值。
• 然后触发函数hello()

似乎当我在承诺解决之前运行下面的代码validPassengerId 和hello()console.logs。

如何将这段代码重写为：

• 等待承诺解决。

• 然后获取已解决的承诺的值 - validPassengerId。 （然后 console.log 它）。

• 然后触发函数hello()?

    function hello() {
        console.log("hello");
    };
  
    const promise = new Promise((resolve, reject) => {
        let validPassengerId = _funnelBasketLuggageService.FindValidPassengerIdForBag(PassengerIds, bagsAssignedToPassengers, bag);
       resolve(validPassengerId);
    });
  
    promise.then(validPassengerId => {
        console.log("validPassengerId", validPassengerId);
        hello();
    });
  

Answer 1

假设FindValidPassengerIdForBag 返回一个promise，你不需要将它包装在另一个promise 中。你可以这样使用它：

_funnelBasketLuggageService
  .FindValidPassengerIdForBag(PassengerIds, bagsAssignedToPassengers, bag)
  .then(validPassengerId => {
    console.log("validPassengerId", validPassengerId);
    hello();
  });

如果 validPassengerId 在这段代码中为空，那么这一定是 FindValidPassengerIdForBag 正在解决它的承诺。如果您没有预料到，请检查FindValidPassengerIdForBag 的代码或检查您传递的参数是否有效。

Answer 2

如果实际上_funnelBasketLuggageService.FindValidPassengerIdForBag 返回了一个承诺，那么您无需创建自己的Promise 即可解决此问题：

 function hello() {
      console.log("hello");
  };

  const promise = _funnelBasketLuggageService.FindValidPassengerIdForBag(PassengerIds, bagsAssignedToPassengers, bag);

  promise.then(validPassengerId => {
      console.log("validPassengerId", validPassengerId);
      hello();
  });

解释你所做的实际上是将FindValidPassengerIdForBag返回的Promise包装在另一个立即返回的Promise中。

如果您绝对必须将其包装在您自己的 Promise 中，例如因为需要做一些预处理，所以用.then代替函数的返回值：

  function hello() {
      console.log("hello");
  };

  const promise = new Promise((resolve, reject) => {_funnelBasketLuggageService.FindValidPassengerIdForBag(PassengerIds, bagsAssignedToPassengers, bag).then(id=>resolve(id));
  });

  promise.then(validPassengerId => {
      console.log("validPassengerId", validPassengerId);
      hello();
  });