打字稿条件参数联合类型

Question

我正在尝试创建一个接受固定数量类型参数的函数，但根据第一个参数顺序参数类型是不同的。

到目前为止，我还没有在 Typescript 文档中找到任何关于此的信息。

例子：

function myFunc(name: 'one' | 'two', data?: 1 | 2) {
  //
}

// Okay
myFunc('one', 1)
myFunc('two', 2)
myFunc('two')

// Should throw an error
myFunc('one', 2)
myFunc('two', 'string')

Answer 1

您可能想要重载函数签名：

function myFunc(name: 'one', data?: 1);
function myFunc(name: 'two', data?: 2);
function myFunc(name: 'one' | 'two', data?: 1 | 2) {
  //
}

// Okay
myFunc('one', 1)
myFunc('two', 2)
myFunc('two')

// Does throw an error
myFunc('one', 2)
myFunc('two', 'string')

可能还有一种方法可以使用泛型函数来做到这一点，但重载是最直接的方法来完成你所追求的事情。我真的建议阅读有用且易于访问的TypeScript 手册，以深入了解此类内容。

希望有所帮助；祝你好运！