初识TypeScript(day6)

50 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第31天,点击查看活动详情

上一篇文章中,我们介绍了一下TS常用类型中的函数类型,下面我们会介绍TS常用类型中的对象类型。

  1. TS常用类型之对象类型
  • JS中的对象是由属性和方法构成的,而TS中对象的类型就是在描述对象的结构(有什么类型的属性和方法)
  • 对象类型的代码示例如下:
let person:{name:string;age:number;sayHi():void}={
name:"jack",
age:19,
sayHi(){}
}

解释:

  • 直接使用{}来描述对象结构,属性采用属性名:类型的形式;方法采用方法名():返回值的类型的形式
  • 如果方法有参数,就在方法名后面的小括号中指定参数类型,比如说:greet(name:string):void
  • 在一行代码中指定对象的多个属性类型的时候,使用;(分号)来分割
  • 如果一行代码只指定一个属性类型,通过换行来分隔多个属性类型,这个时候我们就可以去掉;(分号)
  • 方法的类型也可以使用箭头函数的形式,比如说{sayHi:()=>void}

对象的属性或者方法,也是可以选择的,那么此时就可以用到可选属性了 比如,我们在使用axios({...})时,如果发送GET请求,method属性就可以省略不写 代码示例如下:

function myAxios(config:{ url : string; method?:string}){
console.log(config)
}

可选属性的语法与函数可选参数的语法一致,都是使用?(问好)来表示

到此为止我们的TS常用类型就全部介绍完了,TS常用类型有原始类型,数组类型和联合类型以及类型别名还有函数类型以及对象类型等等,这些类型在我们平时使用TS的过程中会经常使用到,需要牢牢掌握