ts中Promise返回值二选一

Question

ts中Promise返回值二选一

async function test<T extends unknown>(promise: Promise<T>): Promise<[any, null] | [null, T]> {
  try {
    const data = await promise
    return Promise.resolve([null, data])
  } catch (err) {
    return Promise.resolve([err, null])
  }
}

async function main() {
  const [err, res] = await test<number>(new Promise(() => 123))
  if (err) return
  console.log(res) //推导的类型为：const res: number | null
  //  我希望的是，如果err存在，res为null
  //如果err不存在，res为T
}

Answer 1

【以下回答由 GPT 生成】

这个问题可以通过类型断言来解决。在main函数中，我们可以手动指定res的类型为T，当err不存在时。

以下是修改后的代码:

async function test<T extends unknown>(promise: Promise<T>): Promise<[any, null] | [null, T]> {
  try {
    const data = await promise
    return Promise.resolve([null, data])
  } catch (err) {
    return Promise.resolve([err, null])
  }
}

async function main() {
  const [err, res] = await test<number>(new Promise(() => 123))
  if (err) return

  console.log(res as number) // 类型断言为 number 类型
}

在console.log语句中，我们使用了类型断言as number来指定res的类型为number。这样可以让TypeScript正确推断出res的类型。

这就是如何修改代码来实现你期望的功能。

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7474549
• 这篇博客你也可以参考下：彻底掌握 Promise-原生Promise的实现(二) Promise的链式调用
• 您还可以看一下 梁凯祥老师的Promise源码分析课程中的 Promise的状态控制小节, 巩固相关知识点
  
• 除此之外, 这篇博客: 中断 promise链中的 中断 promise链 部分也许能够解决你的问题。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^