本文主要是介绍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学习——类型声明(初稿,后续可能会修改)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!