TypeScript

62 阅读2分钟

类型工具包:www.typescriptlang.org/
1、TS运行:ts-node 文件名
2、type 类型别名(针对任何类型)
3、interface 接口(只针对对象类型)
4、extends 接口继承/前面类型满足后面类型的约束
5、implements 实现接口(继承对象的所有属性和方法)
6、as 类型断言
7、enum 声明枚举值
8、typeof 获取类型
9、public 共有的
10、protected 受保护的(当前类和子类内部可使用的方法,实例不能使用)
11、private 私有的(当前类内部可使用)
12、readonly 只读修饰符(只能修饰属性)
13、参数类型(特殊):少的赋值给多的;返回值类型:多的赋值给少的
14、& 交叉类型(类似于“继承”,常用于对象)
15、保证(对象/类)支持多种类型,又要保证类型安全
16、keyof 接受一个对象(obj/数组/字符串)类型,可以访问这个对象的所有属性和方法
17、Partial 将Type的所有类型设置为可选类型
18、Readonly 只读类型
19、Pick 从Type中选择一组属性来构造新类型
20、Record 记录一个对象类型<属性key,类型Type>
21、declare 为已有的变量声明类型

安装ts image.png

安装ts-node包 image.png

报错不影响代码运行

image.png

image.png

3.TS常用类型

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

ts新增void类型

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

const声明的变量类型就是它本身-字面量 字面量类型可以作为类型赋值给变量=>变量的类型就是字面量类型 使用场景:确定的字符串类型

image.png

image.png

image.png

image.png

数值类型的枚举成员的值“自增1” image.png

image.png

image.png

image.png

image.png typeof不能查询函数类型

4.TS高级类型

image.png

image.png

image.png

image.png

构造函数:实例化属性
不能给构造函数加类型

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

4.泛型

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

5.TS类型声明文件

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png