函数声明变量
// 基础类型(number、boolean、string)
const int = (arg1: number) {
// ...
}
// 数组类型
const arr1 = (arg1: number[]) {
// ...
}
// 另一种写法,使用泛型
const arr2 = (arg1: Array) {
// ...
}
// 任意类型(any)
// any: 表示参数可以为任意类型
const any = (arg1: any) {
// ...
}
对象声明 (接口: interface)
interface LabelType {
id: number;
// label id
txt: string;
// label值
}const func1 = (obj: LabelType) {
// ...
}
// 或者使用解构的写法
const func2 = ({ id, txt }: LabelType) {
// ...
}
func({
readonly id: 1, // 'readonly' 表示只读属性
txt?: 'this is a string.' // '?' 表示为可选属性
})
类型断言
let str: any = "this is a string."
// 第一种使用尖括号的用法
let asset1: number = (>str).length
// 另一种使用 as 语法
let asset2: number = (str as string).length
泛型
// 声明泛型函数
function identify(arg: T): T {
// ...
}
// 使用泛型约束
const str1 = identify>("this is a string.");
// 另一种简洁写法
const str2 = identify("this is other string.")
推荐阅读
- #yyds干货盘点# 系统学习 TypeScript——基础类型
- 2 分钟知晓 typeScript 所有数据类型
- 互联网|学前端编程还没有做过项目(30个入门练手项目,你get了么?)
- web前端|Web前端要学什么语言(需掌握哪些知识?)
- typescript|【Vue】vue2.6使用TS之vue-class-component与vue-property-decorator使用详解
- WEB前端|WEB前端进阶之路——CSS基础笔记 01
- 带你了解Typescript的14个基础语法
- 微服务技术栈|Docker-compose容器编排
- TypeScript 之 More on Functions