Typescript学习——类型声明(初稿，后续可能会修改)

本文主要是介绍Typescript学习——类型声明(初稿，后续可能会修改)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Typescript在声明变量时，可以对这个变量的类型进行声明。如果后续赋值不符合要求，会报错（但不会影响编译成js）

let a:string	//a只能被字符串类型赋值
let b:string = 'hello'	//a只能被字符串类型赋值，同时给a赋值为'hello'

最基础的类型声明，Typescript除了js基础的数据类型外，额外定义了一些其他类型
TypeScript 包含的数据类型有：

类型	描述
number	任意数字
string	任意字符串
boolean	布尔值true或false
字面量	限制变量的值就是该字面量的值
any	任意类型
unknown	类型安全的any
void	没有值(或undefined)
never	不能是任何值
object	任意的js对象
array	任意js数组
tuple	元素，固定长度数组
enum	枚举

当变量赋给给另一个变量时

let c:any = 1	//a可以被任意类型赋值
let b:string
b = c	//不会提示错误 不安全

而

let a:unknown = 1	//a为位置类型
let b:string
b = c	//会提示错误

如果你确定某一变量的数据类型，可以使用类型断言：

let a：number  = 1
let b:number
b = a as number	|	b = <number>a	//这两种写法都可以指定类型

声明对象数据类型：

let obj:Object	|	let obj:{}
//如果需要对对象里的内容和数据类型进行声明
let obj1:{name:string,age:number}	//这个对象必须为有string类型的key name和number类型的key age
let obj2:{name:string,age?:number}	//age后加?表示age可选
let obj3:{name:string,[propName:string]:any}	//propName不是固定值，可以任意，这个声明表示除了string类型的name是必须，后面的属性名必须为string类型，属性值是任意类型。数量不限

如果要满足2个类型：

let x:{name:string} & {age:number}	//对象同时要有2种也可以写成这样
x = {name:"张三",age:18}

声明函数数据类型：

let fn:Function
let fn1:(a:number,b:number)=>number	//函数的必须要传入2个参数，第一个和第二个参数数据类型都要为number类型，函数的返回值必须为number类型let fn2 = (a:number,b:number):number => { return a + b}		//第三个:numer是限制返回值类型（必须有返回值）

声明数组数据类型：

let arr:string[]	//声明一个字符串数组，数组的每一项只能为string类型
let arr1:Array<string>	//同上，第二种方法

元组声明：

let tuple:[string,number]	//该数组长度必须为2，第一项为string类型，第二项为number类型

枚举：

//如果声明的数据是有确定数量中数据的某一个，可以使用比如性别
let person:{name:string,gender:0 | 1}
//为了方便存储性别数据 有时会将性别用0和1来表示person = {name:"张三",gender:1}

可以使用枚举：

enum Gender {Male = 0,Female = 1}
let person:{name:string,gender:Gender}person = {name:"张三",gender:Gender.Male}

类型别名：

type myType = 1 | 2 | 3 | 4let a:myType
let b:myType	//使用type来起类型别名，可以使类型声明复用

这篇关于Typescript学习——类型声明(初稿，后续可能会修改)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---