qq_42309685的博客

用自定义 hooks 管理请求状态 创建 hooks interface State<D> { data: D | null; error: Error | null; stat: 'loading' | 'success' | 'error' | 'idle'; }; const defaultState: State<null> = { data: null, // 数据 error: null, // 错误信息 stat: 'idle', // 状态 }

封装 import qs from 'qs' interface Config extends RequestInit { data?: object; token?: string; } const API_PREFIX = process.env.API_PREFIX export const http = (endPoint: string, {data, token, ...customConfig}: Config = {}) => { // 默认参数 const conf.

枚举 数字枚举 // up使用的初始为1，其余的成员自动增长 enum direction { up = 1, down, left, right } // 不使用初始化器，自增长，初始值为0 // 枚举成员的值都是不同的 字符串的枚举 在字符串枚举里，每个成员都必须用字符串字面量，或另一个字符串枚举成员进行初始化 enum direction { up="up", down="down", left="left", right

泛型 介绍 可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据 // 返回值的类型与传入参数的类型相同 function identity<T>(arg: T):T{ return arg } 使用泛型变量 使用泛型创建像 identity 这样的泛型时，编辑器要求在函数体必须正确的使用这个通用的类型。也就是说，必须把这个参数当做是任意或者所有类型 // 不确定arg的类型，是不是有Length属性 function identity<T>(a

函数 函数类型 为函数定义类型 function add(x: number, y: number) { return x+y } let myAdd = function(x: number, y: number): number { return x+y } 可以给每个参数添加类型之后再为函数本身添加返回值类型。Typescript 能够根据返回语句自动判断出返回值类型，因此通常省略它 书写完整函数类型 let myAdd: (x: number, y: numbe

类 示例 class Greeter { greeting: string constructor(message: string){ this.greeting = message } greet(){ return `hello, ${this.greeting}` } } let greeter = new Greeter("world") 继承 基于类的程序设计中一种最基本的模式是允许使用继承来扩展现有的类。

接口 介绍 在 typescript 中，接口的作用就是为类型检查命名和为代码获第三方代码提供契约 基本写法 interface label { labelStr: string } 可选属性 接口里的属性不全都是必需的。带有可选属性的接口预普通的接口定义差不多，只是在可选属性名字定义的后面加上一个 ? 符号 可选属性的书写方法 interface config { color?: string, width?: string } 只读属性 只能在

一、基本数据类型 布尔值 let isDone: boolean = false 数字 let num: number = 1 字符串 let name: string = 's' 数组 // 第一种：可以在元素类型后面接上[]，表示由此类型元素组成的一个数组 let list: number[] = [1,2,3] // 第二种方式是使用数组泛型 let list: Array<number> = [1,2,3] 元组（Tuple） 元组类型允许表示一个已知元素数量