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 | 4

let a:myType
let b:myType	//使用type来起类型别名,可以使类型声明复用
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值