TypeScript入门笔记(四)

一、接口的使用

1、声明对象类型

在这里插入图片描述

2、索引类型

在这里插入图片描述

3、函数类型

在这里插入图片描述

4、接口继承

  • 接口和类一样是可以进行继承的,也是使用extends关键字:
  • 并且我们会发现,接口是支持多继承的(类不支持多继承)
    在这里插入图片描述

5、交叉类型

  • 前面我们学习了联合类型:

  • 联合类型表示多个类型中一个即可
    在这里插入图片描述

  • 还有另外一种类型合并,就是交叉类型(Intersection Types):

  • 交叉类型表示需要满足多个类型的条件;

  • 交叉类型使用 & 符号;

  • 我们来看下面的交叉类型:

  • 表达的含义是number和string要同时满足;

  • 但是有同时满足是一个number又是一个string的值吗?其实是没有的,所以MyType其实是一个never类型;
    在这里插入图片描述

  • 所以,在开发中,我们进行交叉时,通常是对对象类型进行交叉的:
    在这里插入图片描述

6、接口的实现

在这里插入图片描述

7、interface和type区别

  • 我们会发现interface和type都可以用来定义对象类型,那么在开发中定义对象类型时,到底选择哪一个呢?
  • 如果是定义非对象类型,通常推荐使用type,比如Direction、Alignment、一些Function;
  • 如果是定义对象类型,那么他们是有区别的:
  • interface 可以重复的对某个接口来定义属性和方法;
  • 而type定义的是别名,别名是不能重复的
    在这里插入图片描述

二、字面量赋值

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值