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

Question

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

我的代码：

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 ，它可以使异步代码更同步地读取。