从一个承诺返回 then()

Question

我有一个这样的 javascript 代码：

function justTesting() {
  promise.then(function(output) {
    return output + 1;
  });
}

var test = justTesting();

我总是得到一个未定义的 var 测试值。我认为这是因为承诺尚未解决。有一种方法可以从承诺中返回值吗？

Answer 1

当您从 then() 回调返回某些内容时，这有点神奇。如果您返回一个值，则使用该值调用下一个 then()。但是，如果您返回类似 Promise 的内容，则下一个 then() 会等待它，并且仅在该 Promise 解决（成功/失败）时调用。

来源：https://web.dev/promises/#queuing-asynchronous-actions

Answer 2

要使用 Promise，您必须调用一个创建 Promise 的函数，或者您必须自己创建一个。您并没有真正描述您真正想要解决的问题，但您可以通过以下方式自己创建承诺：

function justTesting(input) {
    return new Promise(function(resolve, reject) {
        // some async operation here
        setTimeout(function() {
            // resolve the promise with some value
            resolve(input + 10);
        }, 500);
    });
}

justTesting(29).then(function(val) {
   // you access the value from the promise here
   log(val);
});

// display output in snippet
function log(x) {
    document.write(x);
}

或者，如果您已经有一个返回承诺的函数，您可以使用该函数并返回它的承诺：

// function that returns a promise
function delay(t) {
  return new Promise(function(resolve) {
    setTimeout(function() {
      resolve();
    }, t);
  });
}

function justTesting(input) {
  return delay(100).then(function() {
    return input + 10;
  });
}

justTesting(29).then(function(val) {
  // you access the value from the promise here
  log(val);
});

// display output in snippet
function log(x) {
  document.write(x);
}

Answer 3

我在这里所做的是我从 justTesting 函数返回了一个承诺。函数解析后就可以得到结果了。

// new answer

function justTesting() {
  return new Promise((resolve, reject) => {
    if (true) {
      return resolve("testing");
    } else {
      return reject("promise failed");
   }
 });
}

justTesting()
  .then(res => {
     let test = res;
     // do something with the output :)
  })
  .catch(err => {
    console.log(err);
  });

希望这会有所帮助！

// old answer

function justTesting() {
  return promise.then(function(output) {
    return output + 1;
  });
}

justTesting().then((res) => {
     var test = res;
    // do something with the output :)
    }

Answer 4

我更喜欢使用“await”命令和异步函数来摆脱对承诺的混淆，

在这种情况下，我会先编写一个异步函数， 这将被用来代替这个问题的“promise.then”部分下调用的匿名函数：

async function SubFunction(output){

   // Call to database , returns a promise, like an Ajax call etc :

   const response = await axios.get( GetApiHost() + '/api/some_endpoint')

   // Return :
   return response;

}

然后我会从主函数调用这个函数：

async function justTesting() {
   const lv_result = await SubFunction(output);

   return lv_result + 1;
}

注意我在这里将主函数和子函数都返回给异步函数。

Answer 5

Promises 不“返回”值，它们将它们传递给回调（您使用 .then() 提供）。

它可能试图说你应该在承诺实现中执行resolve(someObject);。

然后在您的then 代码中，您可以引用someObject 来做您想做的事情。

Answer 6

我认为原始发布者想要的是从一个承诺中返回一个未包装的值而不实际上返回另一个承诺。除非另有证明，否则恐怕这在 then() 或 async/await 上下文之外是不可能的。无论如何，你总能得到一个承诺。

Answer 7

您需要使用数组或对象等引用数据类型。

function foo(u,n){
  let result = [];
  const userBrands = new Promise((res, rej)=> {
                        res(['brand 1', 'brand 3']);
                      })
  
  userBrands.then((ub)=>{
    return new Promise((res, rej) =>{
      res([...ub, 'brand 4', 'brand 5']);
    })
  }).then(response => {
    return result.push(...response);
  });
  return result;
};
foo();

Answer 8

在解决 promise 后你不能返回值。而是在 promise 解决时调用另一个函数：

function justTesting() {
    promise.then(function(output) {
        // instead of return call another function
        afterResolve(output + 1);
    });
}

function afterResolve(result) {
    // do something with result
}

var test = justTesting();