深入浅出TypeScript

typescript特性：

是JavaScript的超集，用于解决大型项目的代码复杂性
强类型，支持静态和动态类型
可以在编译期间发现并纠正错误
不允许改变变量的数据类型

ts基础-基础类型

boolean、number、string
枚举enum
any、unknow、void
never
数组类型[]
元组类型tuple

ts基础-函数类型

定义：ts定义函数类型时要定义输入参数类型和输出类型
输入参数：参数支持可选参数和默认参数
输出参数：输出可以自动推断，没有返回值时，默认为void类型
函数重载：名称相同但参数不同，可以通过重载支持多种类型

ts基础-interface

定义：接口是为了定义对象类型

特点：

可选属性：?
只读属性：readonly
可以描述函数类型
可以描述自定义属性

总结：接口非常灵活

ts基础-类

定义：写法和js差不多，增加了一些定义

特点:

增加了public、private、protect修饰符
抽象类
- 只能被继承，不能被实体化
- 作为基础类，抽象方法必须被子函数实现
interface约束类，使用implements关键字

ts进阶-高级类型

联合类型：|
交叉类型：&
断言类型：as

function getLength(arg:number | string):number{
    return arg.length //Property 'Length'does not exist on type 'number'
}
function getLength(arg:number string):number
    const str = arg as string
    if (str.length){
        return str.length
    }else{
        const number = arg as number
        return number.tostring().length
}

type vs interface

定义：给类型起个别名
差异点：
1. interface用来定义对象，type用来定义别名
2. interface可以多个使用，type不可以

ts进阶-泛型

代码示例：

function print(arg:string):string{
    console.log(arg)
    return arg
}

function print<T> (arg:T) :T {
    console.log(arg)
    return arg
}

说明：

泛型的作用是临时占位，之后通过传来的类型进行推导

可用：

    print<string>('hello')
    或者：
    print('hello')

ts进阶-泛型工具类型

typeof：获取类型
keyof：获取所有键
in：遍历枚举类型
T[K]：索引访问
extends：泛型约束

常用工具：

Partial：将类型属性变为可选
Require：将类型属性变为必选
Readonly：将类型属性变为只读

代码：

    type Partial<T> = {
        [P in keyof T] ?: T[P];
    }
    type Required<T> = {
        [P in keyof T]-?:T[P]
    }:
    type Readonly<T> = {
        readonly [P in keyof T] : T[P];
    }

声明文件

declare：三方库需要类型声明文件
.d.ts：声明文件定义
@types：三方库TS类型包
tsconfig.json：定义TS的配置

深入浅出TypeScript | 青训营笔记

深入浅出TypeScript