在 TypeScript 中切换特定类型

Question

我有一个接口Action：

interface Action {}

还有这个ActionSpecificAction的实现：

class SpecificAction implements Action {
   payload?: Any
}

是否可以在 TS 中构造一个 switch 操作符，像这样：

let action: Action
switch (action) {
   case SpecificAction: //it works
       console.log(action.payload) // it doesn't 
}

在这种情况下是否有可能知道该操作已经属于SpecificAction 类型？

Answer 1

最好使用带有类型保护的if 语句。

let action: Action = ...;
if (isSpecificAction(action)) {
    console.log(action.payload);
}

function isSpecificAction(action: any): action is SpecificAction {
    return action.payload;
}

归根结底，TypeScript 仍然是 JavaScripty，switch 语句被转译为常规 JS switch：

switch 语句首先计算其表达式。然后它查找第一个 case 子句，其表达式的计算结果与输入表达式的结果相同（使用严格比较 ===）

所以在你的情况下：

interface Action {}
class SpecificAction implements Action {
   payload?: any
}

let action: Action
switch (action) {
   case SpecificAction: //it works
       console.log(action.payload) // it doesn't 
}

action 将被评估并与 类 SpecificAction 进行比较。据推测，action 是SpecificAction（或实现Action 接口的某个对象）的实例。

使用switch，您可以这样做：

let a: Action = new SpecificAction();
let b: Action = a;

switch (a) {
    case b:
        console.log("Worked");
}

计算表达式 a 并与表达式 b（和 a === b，因此我们点击 console.log）进行比较，但这显然不是您要查找的内容。

如果你想检查一个实例是否属于特定类型（re: class），那么你应该使用类型保护。 switch/case 是错误的构造。

---

或者，为什么不使用instanceof？

interface Action { };
class SpecificAction implements Action {}
class NotSpecificAction implements Action {}

let action: Action = new SpecificAction();
console.log(action instanceof SpecificAction); // true
console.log(action instanceof NotSpecificAction); // false

Answer 2

目前看起来有几个选项，所有选项都有一些缺点

• 可区分联合 docs stackblitz，但您需要一个专用属性作为鉴别器

interface Action {}

class SpecificAction implements Action {
  kind: "specific";
  payload?: any;
}

class ToggleAction implements Action {
  kind: "toggle";
  toggle: boolean;
}

let action: SpecificAction | ToggleAction;
switch (action.kind) {
  case "specific":
    console.log(action.payload) // it works 
    break;
  case "toggle":
    console.log(action.toggle) // it works 
    break;        
}

• 用户定义的类型保护 docs stackblitz，但您需要 if 语句而不是 switch

interface Action {}

class SpecificAction implements Action {
  payload?: any;
}

class ToggleAction implements Action {
  toggle: boolean;
}

let isSpecific = (p: any): p is SpecificAction => !!p.payload
let isToggle = (p: any): p is ToggleAction => !!p.toggle

let action: Action;
if (isSpecific(action)) {
  console.log(action.payload) // it works 
} else if (isToggle(action)) {
  console.log(action.toggle) // it works 
}

• 构造函数属性githubstackblitz，但您暂时需要转换为所需的类型

interface Action { }

class SpecificAction implements Action {
  payload?: any;
}

class ToggleAction implements Action {
  toggle: boolean;
}

switch (action.constructor) {
  case SpecificAction:
    console.log((<SpecificAction>action).payload) // it kinda works 
    break;
  case ToggleAction:
    console.log((<ToggleAction>action).toggle) // it kinda works 
    break;
  }