主题的可选参数

Question

我的 Angular 服务中有一个主题，

itemClicked: Subject<MenuTab | MenuLaunchTab, MenuItem>;

问题是，当我将MenuTab 作为我的第一个参数传递时，我想传递MenuItem only，而在第一个参数传递 nothing 作为我的第二个参数时参数为MenuLaunchTab。

我想复制我们对函数参数所做的：

function(tab: MenuTab | MenuLaunchTab, item?: MenuItem)

Answer 1

你需要结合这两种类型而不是联合使用。

itemClicked: Subject<MenuTab, MenuItem> & Subject<MenuLaunchTab>;

现在itemClicked 支持Subject<MenuTab, MenuItem> 和Subject<MenuLaunchTab> 但既不支持Subject<MenuTab> 也不支持Subject<MenuLaunchTab, MenuItem>。

一个函数应该联合所有可能的覆盖类型。 不幸的是，这意味着除了

function(tab: MenuTab | MenuLaunchTab, item?: MenuItem)

您可以做的是在开始时检测类型，然后拆分您的流程。

function(tab: MenuTab | MenuLaunchTab, item?: MenuItem) {
  // or other check that fits, because their definition is unclear.
  const menuLaunchTab: MenuLaunchTab | undefined = item ? undefined : tab;
  const menuTab: MenuTab | undefined = item ? tab : undefined;
  if (menuTab) {
    handlerOfmenuTab(menuTab, item);
  } else if (menuLaunchTab) {
    handlerOfmenuLaunchTab(menuLaunchTab);
  }

}