• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

TypeScript-枚举成员类型和联合类型

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  • 可以把 枚举成员 当做 类型 来使用

正确示例:

enum Gender {
    Male,
    Female
}

interface TestInterface {
    age: Gender.Male
}

class Person implements TestInterface {
    age: Gender.Male
}

错误示例:

enum Gender {
    Male,
    Female
}

interface TestInterface {
    age: Gender.Male
}

class Person implements TestInterface {
    age: Gender.Female
}

如上代码由于类型不匹配, 所以会报错

注意点

由于数字枚举的本质就是数值, 所以写一个数值也不会报错如下:

enum Gender {
    Male,
    Female
}

interface TestInterface {
    age: Gender.Male
}

class Person implements TestInterface {
    age: 0
}
  • 如果是字符串枚举, 那么只能是枚举成员的值, 不能是其它的值

正确示例:

enum Gender {
    Male = 'BNTang',
    Female = 'Jonathon_Lee'
}

interface TestInterface {
    age: Gender.Male
}

class Person implements TestInterface {
    age: Gender.Male
}

错误示例:

enum Gender {
    Male = 'BNTang',
    Female = 'Jonathon_Lee'
}

interface TestInterface {
    age: Gender.Male
}

class Person implements TestInterface {
    age: Gender.Female
}

联合枚举类型

联合类型

  • 联合类型就是将多种数据类型通过 | 连接起来
let value: (number | string);
value = 1;
value = 6;
value = "123";

console.log(value);
  • 我们可以把枚举类型当做一个 联合类型 来使用
enum Gender {
    Male,
    Female
}

interface TestInterface {
    age: Gender
}

class Person implements TestInterface {
    age: Gender.Male
}


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript 快速入门发布时间:2022-07-18
下一篇:
TypeScript 安装发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap