在 JavaScript 中的承诺中返回早期解决的问题

Question

我有一个函数，其中在函数本身内决定了进一步的执行。 需要使用 promises，因为它是一个异步函数。 问题是它即使在解决后仍继续执行。

我的代码：

function initApp () {
    token = getToken () ;
    if ( token == null ) {
        resolve ('Not Found') ;
    } else {
        // ... async process
        if ( tokenStatus == "true" ) {
            resolve ('Welcome') ;
        } else {
            resolve ('Invalid') ;
        }
    }
}

let init = new Promise ( ( resolve , reject ) => { 
    initApp ();
});

init.then((successMessage) => {
    alert ( successMessage ) ;
}

我收到未定义的解析错误。 此外，早些时候当我没有使用 else 时，即使遇到了 resolve，它也会继续执行。 这样做的正确方法应该是什么？

Answer 1

resolve和reject在您的函数中未定义，因为它们超出了范围。 你应该从你的 init 函数中返回一个 Promise，像这样：

function init () {
  return new Promise((resolve, reject) => {
    let token = getToken()
    if (!token) {
      reject('not found')
    } else {
      doSomethingAsync((tokenStatus) => {
        if (!tokenStatus) return reject('Invalid')
        resolve('Welcome')
      })
    }
  })
}

init().then((successMsg) => {
  alert(successMsg)
}).catch((errMsg) => {
  alert(errMsg)
})

您也没有正确使用 Promise。 当你尝试做的事情成功时你应该resolve当你尝试做的事情失败时你应该reject 。 我的朋友给你的一个外卖是阅读 Promises 以及 JavaScript 的基本部分（例如，你稍后会用一个变量覆盖init函数）。 此外，您应该研究 async 和 await，它使异步代码的读取更加同步。