前端 - TypeScript 中，Promise 的 reject 无法使用类型推导吗？

Question

遇到一个 TypeScript 中有关 Promise 的类型推导问题：

以下代码中，resolve 会有明确的类型限制，但 reject 却没有，想知道如何才能做到？

type P1 = Promise<number>;const p1: P1 = new Promise((resolve, reject) => {  // Expected 1 arguments, but got 0. Did you forget to include 'void' in your type argument to 'Promise'?ts(2794)  resolve();  resolve(1);  // Argument of type 'string' is not assignable to parameter of type 'number | PromiseLike<number>'.ts(2345)  resolve("str");  reject();  reject(123);  reject("str");});

查看 Promise 的类型声明

只有一个泛型参数，貌似不支持。
找到了这篇文章，文章的结论是：无法定义，也无需定义。

Typescript 中 Promise reject 的类型该如何定义？

希望 reject 也能有明确的类型推导，但貌似原理上不可行。

那么，在处理 catch 的时候，编辑器报出来的 any，应该怎么处理比较优雅呢？

p1.catch((err: any) => {})

除了在这里直接声明，还有什么最佳实践吗？

Answer 1

我也提供一个解决方案吧

const p1 = new Promise((resolve, reject) => {  setTimeout(() => {    resolve(1)  }, 1000)});class ErrorModel<T = void>{  detail?: T;  timeTemp?: number;  constructor(error: Partial<ErrorModel>) {    Object.assign(      this,      error,      {        timeTemp: Date.now()      })  }  log() {    console.log('error', JSON.stringify(this.detail || {}));  }}export class CallModel<T = void, E = void>{  data?: T;  error?: ErrorModel<E>;}function Callback<D, E>(promise: Promise<D>) {  return promise    .then<CallModel<D>>((data) => ({ data }))    .catch<CallModel<D, E>>((error) => ({ error })) as Promise<CallModel<D, E>>;}Callback<number, string>(p1 as Promise<number>).then(({ data, error }) => {  if(error){    error?.log();    return;  }  //  resulut  console.log(data!);})

Answer 2

这个是设计如此吧，毕竟你确实可能不知道会 catch 到什么错误

不过好像可以包装一个确定错误类型的 PromiseE

type Nullable<T> = T | null | undefinedtype MaybePromiseLike<T> = T | PromiseLike<T>class PromiseE<T, E = any> extends Promise<T> {  constructor(executor: (resolve: (value: T | PromiseLike<T>) => void, reject: (reason?: E) => void) => void) {    super(executor)  }  catch<R = never>(onrejected?: ((reason: E) => R | PromiseLike<R>) | undefined | null): Promise<T | R> {    return super.catch(onrejected)  }}const p = new PromiseE<number, string>((res, rej) => {  res(1)  // @ts-expect-error  rej(2)  rej('3')})p.catch(err => {  err // err: string})