在 Typescript 中制作具有类型安全性的全局错误处理程序

Question

我想将所有错误处理移到 1 个全局 function 中，以避免在每个地方多次尝试捕获我知道我们可以通过附加到await func().catch()来捕获错误，但全局解决方案也应该有效，即：

async function errorhandler(func) {
 try{
   const result = await func();
   return [result, null];
 }catch (err) {
   console.log(err);
   return [null, err];
 }
}

并像这样使用它：

function mainFunction(){
  const url = "https://jsonplaceholder.typicode.com/todos/"
  const [data, error] = errorhandler(fetch(url));
  if(error) //do something
  data. //no intellisense of methods ?
}

mainFunction()

当我这样做时，我失去了所有的智能感知。 我也尝试过应用这样的一些类型：

async function errorhandler(func: () => Promise<T>): any {
 try{
  const result = await func();
  return [result, null];
 }catch (err) {
  console.log(err);
  return [null, err];
 }
}

function mainFunction(){
  const url = "https://jsonplaceholder.typicode.com/todos/"
  const [data, error]: any = errorhandler(() => fetch(url));
  if(error) //do something
  data. //no intellisense
}

mainFunction()

但是没有用。 任何帮助将不胜感激。

我期望获得所有可用于具有类型安全性的数据字段的方法的自动完成。

Answer 1

你的第二次尝试有很多问题。

• function 没有通用参数，但您正在尝试使用T

• 返回类型只是any

• function 是async ，但您没有await结果

• 您还用any注释了结果元组

在解决这些问题后，我的建议是将errorHandler的返回类型键入为[null, unknown] | [T, null]的可区分联合。 [null, unknown] | [T, null]可以通过检查data值的真实性来缩小范围。

async function errorhandler<T>(
  func: () => Promise<T>
): Promise<[null, unknown] | [T, null]> {
  try {
    const result = await func();
    return [result, null];
  } catch (err) {
    console.log(err);
    return [null, err];
  }
}

async function mainFunction() {
  const url = "https://jsonplaceholder.typicode.com/todos/";
  const [data, error] = await errorhandler(() => fetch(url));
  if (!data) {
    data;
    // ^? const data: null

    error;
    // ^? const error: unknown
  } else {
    data;
    // ^? const data: Response

    error;
    // ^? const error: null
  }
}

---

操场