如何创建一个函数返回一个在内部承诺解决后解决的承诺

Question

我正在尝试创建一个包装函数，该函数返回一个 Promise 对象，该对象将在内部 Promise 解析后解析。基本上，是这样的：

function wrapper() {

  return new Promise((resolve, reject) => {

    MyApi.asyncCall()

      .then(data => {

        // do this first, then resolve outer promise

        resolve();

      })

      .catch(e => {

        reject();

      });

  });

}

我需要这样做的原因是我有一个接受承诺参数的接口，然后在承诺解决后触发一个动作。我需要进行异步调用，然后对响应做一些事情，然后触发接口。

编辑 目的说明：在解决外部承诺之前，我需要使用内部承诺的响应执行操作。该接口接受一个未解析的 Promise 对象，然后在它被解析时挂载一个组件。如果我通过内部承诺，它将在执行数据响应的操作之前挂载。

Answer 1

基本上——你做对了。当你需要时，你会解决\拒绝承诺。但是你可以很容易地做到这一点——只需返回原始承诺：function wrapper() {  return MyApi.asyncCall()}所以你返回的承诺，当 MyApi.asyncCall 解决或拒绝时解决或拒绝。如果你需要在内部做一些工作人员，你可以在这个承诺中做：function wrapper() {  return MyApi.asyncCall()    .then((data) => {      doSomeOtherStaff(data)      return data    })}请注意，如果您需要外部数据 - 您必须从内部的 then 回调中返回它。

Answer 2

你能解释一下为什么你需要包装承诺吗？MyApi.asyncCall()      .then(data => {        // do this first, then resolve outer promise        resolve();      })      .catch(e => {        reject();      });本身就是一个承诺，只需返回它就足够了。

Answer 3

您可以将 async await 用于第一个承诺，并在获取第一个承诺的数据后返回第二个承诺：function wrapper(){  return new Promise( async   (resolve,reject)=>{   let myFirstPromise =  await firestPromise();   // do your stuff here   console.log(myFirstPromise)   return resolve('Second Promise');  });}function firestPromise(){  return new Promise( (resolve,reject)=>{   return resolve('First Promise');  });}