typescript - 用于超脚本签名的 TypeScript 函数重载

Question

我目前正在涉足打字稿中更高级的类型，并且想知道如何定义一个像超脚本中的函数一样的函数。我尝试了各种方法，但我无法成功重载该h函数并使使用注释下列出的所有 CallExpressions 都通过。

这是我到目前为止所拥有的：

interface IProps {
  [key: string]: any;
}

function h(tag: string, props?: IProps): void;
function h(tag: string, children: string): void; // <- marked as invalid
function h(tag: string, props: IProps, children?: string): void {
  // ...code goes here
}

用法：

h("div");
h("div", "Hello World");
h("div", { className: "test" });
h("div", { className: "test" }, "Hello World"); // <- marked as invalid

Answer 1

今天早上起床后我找到了答案。在 TypeScript 中，实现签名对外界不可见，因此调用表达式必须匹配其中一个重载。

此外，实现签名中的类型必须捕获所有以前的重载。

// Overloads, must match one of these
function h(tag: string, children?: string): void;
function h(tag: string, props: IProps, children?: string): void;

// Not visible for the outside world
function h(tag: string, props: IProps | string, children?: string): void {
  // ...
}