Vuex 异步方法忽略返回解析值

Question

所以，我正在将我的第一个 vuejs 项目重写为 nuxtjs，并且我正在将所有 api 调用重写为存储操作，当我注意到我无法从它们返回值时，除非我拒绝它们。

无论我如何尝试返回一个值，return x 或 return Promise.resolve(x) 我的 promise 的结果总是未定义

我尝试了以下简单的操作：

async uselessWait(){
  setTimeout(() => {
    return ("success"); // and return Promise.resolve("success");
  }, 1000)
}

当调用它时，结果总是undefined，尽管promise 正常解析

这是故意的，是错误还是只是我？

Answer 1

这将立即返回已解析的Promise。

理想

async uselessWait(){
  return setTimeout(() => {
    return ("success"); // and return Promise.resolve("success");
  }, 1000)
}

但是setTimeout 没有返回承诺，所以你不能这样做。

这是对 setTimeout 的一个看法。

setTimeoutPromise = (fn, delay) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      try {
        const ret = fn()
        resolve(ret)
      } catch (e) {
        reject(e)
      }
    }, delay)
  })
}

setTimeoutPromise(() => {
  console.log('ok')
}, 1000)

所以你的例子。

async uselessWait(){
  return setTimeoutPromise(() => {
    return ("success"); // and return Promise.resolve("success");
  }, 1000)
}

现在 async 函数返回一个解决方案（如果您的回调抛出则拒绝）

你也可以等待而不是返回。

async uselessWait(){
  await setTimeoutPromise(() => {
    return ("success"); // and return Promise.resolve("success");
  }, 1000)
}