TypeScript 04 对象类型

87 阅读1分钟

1 . 对象类型

TS 中的对象的类型就是在描述对象的结构(对属性和方法进行类型指定)

0392.png

  • 用{}来描述对象结构
  • 属性采用 属性名 :类型 的形式 ;
  • 方法采用 方法名():返回值类型 的形式(分别给参数 、 返回值指定类型) , 如果方法有参数 ,写在括号里面 。 也可以用箭头函数形式(直接为函数指定类型)
  • 属性与方法之间用 分号; 隔开 ; 如果一行代码只指定一个属性 ,可以不加 分号 ;

2 . 可选属性的对象类型

对象的属性和方法是可选的 ,此时就用到可选属性了 。

可选属性的语法与函数可选参数的语法是一样的!!! (可选属性一定在必选属性后面)

3 . 接口来实现对象类型的复用

0393.png

注意 : 用关键词 interface 来声明自定义对象类型名(尽量取个有意义的名字)

4 . 接口与类型别名的对比 :

相同点 : 两者都可以为对象指定类型

不同点 : 接口 ,只能为对象指定类型 ,而类型别名 ,可以为任意类型指定别名 !!! 且两者语法不同。

0394.png

因为类型别名相当于在声明变量 ,所以后面有等号 ' = '

5 . 接口的继承

如果两个接口之间有相同的属性和方法 , 可以将公共的方法抽离出来 ,不用再写 ,直接继承实现复用 。如果有自己的方法 ,再写在后面 !!! 如下 :

0395.png