Typescript 可否让回调函数参数的返回值自动跟随传入的回调函数？

Question

function spendTime(callback: () => any) {
  const startTime = new Date().getTime();
  const result = callback();
  console.log(`耗时：${new Date().getTime() - startTime}ms`);
  return result;
}

function initStr(): string {
  return 'abc';
}

function initArr(): number[] {
  return [1,2,3];
}

const sthStr = spendTime(() => initStr()); // sthStr is any not string
const sthArr = spendTime(() => initArr()); // sthArr is any not number[]

这里最后得到的sthStr和sthArr的类型其实是callback: () => any中返回的any类型，应该怎么写callback的定义才能让其返回值跟随传入的函数呢？

Answer 1

使用泛型

function spendTime<T>(callback:()=>T): T {
    const startTime = new Date().getTime();
    const result = callback();
    console.log(`耗时：${new Date().getTime() - startTime}ms`);
    return result;
  }
  
  function initStr(): string {
    return 'abc';
  }
  
  function initArr(): number[] {
    return [1,2,3];
  }
  
  const sthStr = spendTime(() => initStr());
  const sthArr = spendTime(() => initArr());

Answer 2

用泛型。

function spendTime<T>(callback: (...args: any[]) => T): T