文章/答案/技术大牛

发布

社区首页 >问答首页 >TypeScript中特定类型的开关

问TypeScript中特定类型的开关
EN

Stack Overflow用户

提问于 2018-06-09 21:29:01

回答 1查看 40.4K关注 0票数 40

我有一个接口Action

interface Action {}

和这个Action SpecificAction的实现

class SpecificAction implements Action {
   payload?: Any
}

在TS中是否可以构造一个开关运算符，如下所示：

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

在这种情况下，有可能知道该操作已经是SpecificAction类型的吗？

typescript

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-14 19:58:43

就目前而言，似乎有几种选择，所有这些选择都有一些缺点

鉴别器

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 
}

构造函数属性github stackblitz，但您目前需要强制转换为

所需的类型

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;
  }

票数 29

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50774790

复制

相似问题

问TypeScript中特定类型的开关
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TypeScript中特定类型的开关EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TypeScript中特定类型的开关
EN