欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

typescript(二)ts的静态类型

程序员文章站 2022-07-12 15:46:59
...

什么是ts的静态类型

ts可以定义静态类型,什么是静态类型呢?就是你一旦定义了,将这个类型赋予某个变量,那么这个变量至始至终永远都是这个类型。ts使用静态类型,意味着使用静态类型的变量今后类型无法改变,类型的属性和方法也跟着确定了。

1.基础类型

基础的静态类型包括(number,string,null,undefinde,symbol,boolean,void等),以这些类型为变量定义类型,就是ts定义的基础类型。

const basicA:number = 3
const basicB:boolean = true
const basicC:string = '666'

2.对象类型

对象类型包括对象类型、数组类型、函数类型、类类型的定义。

2-1.对象类型

顾名思义,就是对一个对象进行ts的类型定义,采用对象类型来定义。

const xiaohong: {// 对象的属性用‘ , ’
    unname: string,
    age: number
} = {
    unname: '小红',
    age: 16
}
console.log(xiaohong.unname)// 小红

2-1.数组类型

前期我们都讲些简单的数组类型,后面陆续进行拓展,我们知道,在使用ts的时候,对任何一个变量,一个对象,一个函数,一个数组都需要明确的定义它的类型,对数组类型的定义,就使用ts的数组类型定义。

const xiaohongArr:string[] = ['1','2']
const xiaomingArr:number[] = [1,2]
const xiaoyangArr.boolean[] = [false,true,false]

2-3.函数类型

函数的类型定义也很简单。

const fnA: () => string = () => { return '1' }
const fnB: () => number = () => 6
const fnC: () => boolean = () => true

2-4.类类型

class Person {// 类的属性用‘ ; ’
    unname: string;
    age: number;
}
const personA: Person = new Person()
console.log(personA.unname)

下一篇: typescript(三)ts中的类型注解和类型推断