Promise, async, await - Boolean 返回 false 但如果条件仍然被调用

Question

上下文

我有这段代码来强制应用更新，它检查是否需要更新，并且应该根据用户应用的版本号与 App Store 版本返回真或假。当用户的应用程序的版本号较低时，这似乎可以正常工作，因为它将正确的 url 存储在 website 变量中：

  let website = ''
  const isLatestVersion = async (): Promise<boolean> => {
    await VersionCheck.needUpdate({
      packageName: 'com.tfp.numberbomb',
    }).then((res) => {
      if (res.isNeeded) {
        website = res.storeUrl
        return true // open store if update is needed.
      } else return false
    })
  }

问题

当用户应用的版本号相等/更高时，它不能正常工作。这是我使用上面的函数的函数。出于某种原因，即使函数的响应为假，逻辑也会执行showPopup()。我做错了什么？：

  const handleBiometricLogin = async () => {
    if (!(await isLatestVersion())) {
      await showPopup()
      return
    }
    ... // rest of the logic that doesn't run even when it's supposed to because of the return statement

附加信息

showPopup()函数仅供参考：

const showPopup = async () => {
    Alert.alert(
      translations['errors.login.update.title'] ?? 'Download Available',
      translations['errors.login.update.body'] ??
        'There is a new download available on the app store. Please update to gain access',
      [
        { text: translations['form.no-answer'] ?? 'No' },
        {
          text: translations['form.yes-answer'] ?? 'Yes',
          onPress: () => handleOpenLink(website, translations),
        },
      ],
    )
  }

我觉得我正在正确执行 async 和 await 的东西，我尝试搜索可能的重复项，但很难找到任何东西

Answer 1

我想知道 TypeScript 怎么没有捕捉到这一点，但问题是你的函数返回一个 Promise<void> 而不是 Promise<boolean>。你从来没有 return 来自 isLatestVersion 的任何东西，所以它以 undefined 结束，你的反转条件总是运行 if 块。

根本问题在于awaiting a .then(…) chain - 您想使用then 和return：

const isLatestVersion = (): Promise<boolean> => {
//                     ^ no async
  return VersionCheck.needUpdate({
//^^^^^^
    packageName: 'com.greenshield.mobileclaims',
  }).then((res) => {
    console.log(res)
    return res.isNeeded
  })
}

或仅await:

const isLatestVersion = async (): Promise<boolean> => {
  const res = await VersionCheck.needUpdate({
//            ^^^^^
    packageName: 'com.greenshield.mobileclaims',
  });
//  ^ no .then()
  console.log(res)
  return res.isNeeded
}