这里的主要问题是，你的构造函数的 * 实现 * 将是疯狂的，因为它会搜索正确类型的属性的输入。它本质上要求没有两个参数是相同的类型，因为否则会有歧义.对于编写的代码，实现可能类似于

class PlaybackControl {
  static DEFAULT_PLAYBACK_RATES = [];
  static DEFAULT_SHORTCUTS = {};
  constructor(
    ...args: ???) {
    const a: (HTMLVideoElement | PlaybackRates | PlaybackControlOptions)[] = args;
    const videoPlayer = a.find((x): x is HTMLVideoElement =>
      x instanceof HTMLVideoElement);
    const playbrackRates = a.find((x): x is PlaybackRates =>
      Array.isArray(x) && x.every(e => typeof e === "string")
    ) ?? PlaybackControl.DEFAULT_PLAYBACK_RATES;
    const options: PlaybackControlOptions = a.find((x): x is PlaybackControlOptions =>
      x && typeof x === "object" && "enableShortcuts" in x
    ) ?? { enableShortcuts: true, shortcuts: PlaybackControl.DEFAULT_SHORTCUTS };
  }
}

字符串
它应该能正常工作，但它太脆弱了。
无论如何，假设你确实想要这样一个实现，仍然存在如何输入的问题。你说输入必须是videoPlayer: HTMLVideoElement, playbackRates: PlaybackRates, options: PlaybackControlOptions，以便可能缺少一些，所以，例如，如果videoPlayer和options都存在，你就不会在videoPlayer之前传入options。
你可以手动重载构造函数来接受每一个可能的输入组合，但是我喜欢玩类型，所以让我们写一个Subsequence<T>实用程序类型，它接受一个输入元组类型T，并产生T的每一个可能的subsequence的并集。
那么构造函数的输入可以是：

type Subsequence<T extends any[]> =
  T extends [infer F, ...infer R] ? [F, ...Subsequence<R>] | Subsequence<R> : []

型
这给

type X = Subsequence<[videoPlayer: HTMLVideoElement, playbackRates: PlaybackRates, options: PlaybackControlOptions]>;
/* type X = [] | [PlaybackControlOptions] | [PlaybackRates] | [PlaybackRates, PlaybackControlOptions] | 
  [HTMLVideoElement] | [HTMLVideoElement, PlaybackControlOptions] | [HTMLVideoElement, PlaybackRates] | 
  [HTMLVideoElement, PlaybackRates, PlaybackControlOptions] */

型
因此，完整的构造函数看起来像

class PlaybackControl {
  static DEFAULT_PLAYBACK_RATES = [];
  static DEFAULT_SHORTCUTS = {};
  constructor(
    ...args: Subsequence<[videoPlayer: HTMLVideoElement, playbackRates: PlaybackRates, options: PlaybackControlOptions]>
  ) {
    const a: (HTMLVideoElement | PlaybackRates | PlaybackControlOptions)[] = args;
    const videoPlayer = a.find((x): x is HTMLVideoElement =>
      x instanceof HTMLVideoElement);
    const playbrackRates = a.find((x): x is PlaybackRates =>
      Array.isArray(x) && x.every(e => typeof e === "string")
    ) ?? PlaybackControl.DEFAULT_PLAYBACK_RATES;
    const options: PlaybackControlOptions = a.find((x): x is PlaybackControlOptions =>
      x && typeof x === "object" && "enableShortcuts" in x
    ) ?? { enableShortcuts: true, shortcuts: PlaybackControl.DEFAULT_SHORTCUTS };
  }
}

型
它的行为如你所愿。

new PlaybackControl({ enableShortcuts: false })

型
但是，值得吗？几乎可以肯定不是。疯狂的实现加上疯狂的输入等于太疯狂了。做这样的事情的传统方法是采用类型为{videoPlayer?: HTMLVideoElement, playbackRates?: PlaybackRates, options?: PlaybackControlOptions}的单个对象输入，以利用JavaScript中的对象给予您的属性顺序的自然无关性。模糊性消失了（例如，{a?: string, b?: string}将需要{a: "c"}或{b: "c"}，而且打字也很简单。所以你应该这样做。
Playground链接到代码

如果我尝试以下操作时失败：

new PlaybackControl({ enableShortcuts: false })

字符串
我不会尝试重载构造函数来接受这个。它需要检查第一个参数是dom元素还是选项对象，然后将参数放入相应的变量中。这会导致相当丑陋的代码和复杂的类型签名。
相反，要跳过传递前两个参数，请为它们传递undefined，然后将选项对象作为第三个参数传递：

new PlaybackControl(undefined, undefined, { enableShortcuts: false })

型
如果这是常见用法，请考虑将构造函数更改为仅接受一个对象参数，以便调用

new PlaybackControl({ options: { enableShortcuts: false } })

型