TypeScript核心
常用操作方式
1、类型推断
ts会根据变量存放的初始值来进行变量类型限定。
如上：开始str是字符串，则此变量以后就只能存字符串值。
开发中的意义：变量分配字符串值，后期可能会书写一些字符串功能、方法等相关的操作，如果在过程中突然分配了一个数值，意味着这些针对字符串的操作都会出现错误，为了避免这种情况，ts有这种类型约束功能。
不建议书写，看起来不直观
2、类型注解
3、类型断言
程序在推断的时候认为有可能是 undefined，而 undefined * 5 就会变成 NaN
假如确定里面的值是必然有值大于2，可以通过类型断言的方式来设置，操作如下：
4、基础类型和联合类型
let v1: string = 'abc'
let v2: number = 10
let v3: boolean = true
let nu: null = null
let un: undefined = undefined
联合类型，希望值有可能被分配为字符串或null
let v4: string | null = null
null默认是可以分配给其他任意类型的
除了限定类型以外还可以做一些具体值的限定
let v5: 1 | 2 | 3 = 2
5、数组、元组、枚举
由数值组成的数组
let arr: number[] = [1, 2, 3]
或
let arr: Array<number> = [1, 2, 3]
元组也可以存储多个数据，但它限定了存储的数据个数及每个数据的类型
必须都匹配上
let t: [number, string, number] = [1, 'abc', 2]
希望某个值可选，在类型后加?
let t: [number, string, number?] = [1, 'abc']
枚举需要使用关键字enum，后面书写要声明的枚举类型名称，接着大括号里写要使用的数据
6、函数
void类型 只能被分配 undefined 值（严格模式）
一般在使用的时候很少会给变量去赋这个值，通常用在函数上，比如函数没有返回值的时候默认就是 undefined
在配置的时候配置了不允许由 any 的情况，可以给参数分配类型
function MyFun (a: number, b: string) {
return a + b
}
可以给返回值分配类型
当函数有返回值的时候不能写 void ，要写一个具体类型
function MyFun (a: number, b: string): string {
return a + b
}
function MyFun (a: number, b: string): number {
return 1
}
当类型与返回值不一致时也会报错
可以把参数设置成可选，注意：可选参数要放在必选参数之后
function MyFun (a = 10, b: string, c?: boolean, ...rest: number[]): number {
return 1
}
const f = MyFun(10, 'abc', true, 1, 2, 3)
7、接口
通常用来进行一个对象的定义
interface Obj {
name: string,
age: number
}
const obj: Obj = {
name: 'abc',
age: 18
}
8、类型别名
type Username = string | number
let username: Username = 'jack'
9、泛型
function myFn (a: number, b: number): number[] {
return [a, b]
}
通过这个函数想处理一组字符串值、一组布尔值或者其他各种各样的值，做成一个比较通用的函数
function myFn<T> (a: T, b: T): T[] {
return [a, b]
}
myFn<number>(1, 2)
myFn<string>('abc', 'def')
原文地址：https://blog.csdn.net/m0_46613429/article/details/140689770
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！