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来起类型别名,可以使类型声明复用
经验分享 程序员 微信小程序 职场和发展