typescript 根据输入参数返回对象键

Question

我想编写一个接受名称参数的函数，然后使用它来创建返回对象属性名称:

function myFunction (name: string) {
  // ....

  return {
    [`provide${name}`]: {},
    [`consume${name}`]: {}
}

const { provideTest, consumeTest } = myFunction('Test')

我应该如何输入这个函数？

Answer 1

我会输入 playground :

function myFunction(name: string): {
    [x: string]: {};
} {
  // ....

  return {
    [`provide${name}`]: {},
    [`consume${name}`]: {},
  };
}

const { 
  provideTest,
  consumeTest,
} = myFunction('Test');

---

很遗憾，您无法根据name 的值生成类型。

---

作为替代方案，您可以要求用户提供 key ，这样返回的数据将是强类型的:playground .

在我看来，第一种方式更好。

function myFunction<T extends string = string>(name: string): {
    [x in T]: {};
} {
  // ....

  return {
    [`provide${name}`]: {},
    [`consume${name}`]: {},
  } as {
    [x in T]: {};
  };
}

const { 
  provideTest,
  consumeTest,
} = myFunction<'provideTest' | 'consumeTest'>('Test');