TypeScript学习———联合类型和类型守护

联合类型

联合类型(Union Types)表示取值可以为多种类型中的一种。
举个例子:

//服务员接口
interface Waiter {
  canAnJiao: boolean;//是否会按脚
  say: () => string;
}
//技师接口
interface Teacher {
  canAnJiao: boolean;//是否会按脚
  skill: () => string;
}

var person : Waiter | Teacher //person为;联合类型

类型守护

当遇到需要告诉编译器某个值是指定类型的场景时,我们可以使用:
类型断言

/**
 * 判断一个人是服务员还是技师
 * @param person 
 */
function judge1(person: Waiter | Teacher) {
  if (person.anjiao) {
    (person as Waiter).say();
  } else {
    (person as Teacher).skill();
  }
}

使用in来进行类型断言

/**
 * 判断一个人是服务员还是技师
 * @param person 
 */
function judge2(person: Waiter | Teacher) {
  if ("skill" in person) {
    person.skill();
  } else {
    person.say();
  }
}

使用typeof判断类型

function judge3(one: number | string, two: number | string) {
  if (typeof one == "number" && typeof two == "number") {
    return one + two;
  } else {
    return Number(one) + Number(two);
  }
}

使用typeof判断类型

class Person {
  constructor(public uname: string) {}
}
function judge4(one: object | Person, two: object | Person) {
  if (one instanceof Person && two instanceof Person) {
    return one.uname + two.uname;
  }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱学习的前端小黄

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值