ts中类型2

简介: ts中类型2

.object对象类型数据:

let a:object
a={}
a=function(){}
//在属性后面加上一个?表示属性可选
//对象设置的格式:{属性名:属性值,属性名:属性值,属性名:属性值}
let b:{name:string,age:number,address?:string}

2.创建一个可以随意添加属性名以及属性值的对象方法:

let c:{name:string,[propName:string]:any}
//在这里表示可以在对象里面随意添加属性名以及属性值

3.定义函数类型

先设置函数的参数以及返回值等的参数类型

let d:(a:number,b:number)=>number
d=function(a,b){
    return a+b
}

4.数组:

let e:string[]
e=["laozhichi","liulijuan"]
let f:number[]
f=[1,2,3,4,5,6]
let g:Array<number>

5.元组

元组的基本概念就是规定长度的数组

let h:[string,string,number]
h=["laozhichi","liulijaun",20]

6.enum枚举

enum Gender{
    male,
    female
}
let i:{name:string,gender:Gender}
i={
    name:"laozhichi",
    gender:Gender.male //在这里表示男性 
}
console.log(i.gender===Gender.female);
//在这里判断是否是女性

7.&符号运用

let j:{name:string}&{age:number}
j={name:"laozhichi",age:18}

8.起别名

type Mytype=string
let z:Mytype
type Mytype=1|2|3|4
let z:Mytype
相关文章
|
2月前
|
JavaScript 前端开发 安全
Apollo与TypeScript:强大类型检查在前端开发中的应用
Apollo与TypeScript:强大类型检查在前端开发中的应用
|
3月前
|
JavaScript 前端开发
TypeScript 联合类型
TypeScript 联合类型
34 0
|
3月前
|
JSON JavaScript 安全
解锁TypeScript的潜力:改进标准库类型
解锁TypeScript的潜力:改进标准库类型
|
3月前
|
存储 JavaScript 前端开发
2020你应该知道的TypeScript学习路线【数组类型】
2020你应该知道的TypeScript学习路线【数组类型】
31 0
|
1月前
|
JavaScript 安全
TypeScript 中的高级类型转换技术:映射类型、条件类型和类型推断
TypeScript 中的高级类型转换技术:映射类型、条件类型和类型推断
|
1月前
react+typescript给state和props定义指定类型
react+typescript给state和props定义指定类型
16 1
|
2月前
|
JavaScript 安全 索引
TypeScript泛型和类型体操
泛型和类型体操(Type Gymnastics)是 TypeScript 中高级类型系统的重要组成部分。它们提供了强大的工具和技巧,用于处理复杂的类型操作和转换。
|
2月前
|
JavaScript 安全 容器
Vue3 + setup + TypeScript: 构建现代、类型安全的Vue应用的关键技巧总结
当使用 setup 的时候,组件直接引入就可以了,不需要再自己手动注册
|
3月前
|
JavaScript 前端开发 IDE
【TypeScript】带类型语法的JavaScript
【1月更文挑战第26天】【TypeScript】带类型语法的JavaScript
|
3月前
|
JavaScript
小结:近五十个常用 TypeScript类型工具 的声明、描述、用法示例
小结:近五十个常用 TypeScript类型工具 的声明、描述、用法示例
123 0