当前位置: 首页 > news >正文

TS学习05-泛型

泛型

目的:可重用性

支持当前数据类型,也支持未来的数据类型。

提供灵活的功能

无法创建泛型枚举和泛型命名空间。

function identity(arg: any): any { return arg }function identity<T>(arg: T) : T { return arg}

使用any类型会导致这个函数可以接受任何类型的 arg参数,

丢失了一些信息:传入的类型与返回的类型应该时相同的。我们传入一个数字,任何类型的值都有可能被返回。

类型变量

一种特殊的变量

function identity<T>(arg: T):T { return arg }

把 identity 函数叫做泛型

两种方法使用

定义泛型函数后,可以用两种方法使用

传入所有参数,包含类型参数-如:
let output = identity<string>('myString');

明确了 T 是 string 类型,并作为参数传给函数。

使用<>括起来

类型推论
let output = identity('myString')

类型推论帮助我们保持代码精简和高可读性。

使用泛型变量

function identity<T>(arg: T):T {console.log(arg.length)//报错return arg
}

使用泛型创建泛型函数时,必须把这些参数当做是任意或所有类型

因为 arg可能是任意类型,如果是数字的话是没有.length的 所以报错

  • 创建一个 T类型的数组作为参数的 泛型函数
function loggingIdentity<T>(arg: T[]) :T[] {console.log(arg.length)return arg
}

泛型类型

指泛型的接口,类似于 变量的类型

与非泛型函数的类型没什么不同,只是有个类型参数在最前面

function identity<G>(arg:G) :G {return arg}
let myIdentity: <G>(arg:G) => G = identity

带有调用签名的对象字面量第一泛型函数

let myIdentity: {<t>(arg:t):t} = identity

第一个泛型接口

#接口
interface GeneratorIdentity{<a>(arg:a):a;
}
# 定义
let myIdentity: GenericIdentityFn = function <T>(arg: T): T {return arg
}
# 使用
console.log(indentity<string>('Ren'))
  • 泛型参数当作接口的一个参数,这样就清楚的知道使用的具体是那个泛型类型了
interface GeneratorIdentity<T> {(arg: T): T
}
function identity<T>(arg: T): T { return arg }
let myIdentity: GeneratorIdentity<number> = identity
console.log(myIdentity(111))

接口中,非泛型函数签名作为了泛型类型的一部分

当使用接口时需要传入一个类型参数来指定泛型类型

泛型类

泛型类看上去与泛型接口差不多。 泛型类使用( <>)括起泛型类型,跟在类名后面。

class Generator<T> {zeroValue: T;add: (x:T) => T
}
let instance = new Generator<number>()
instance.zeroValue = 0
instancs.add = function(x) {return x}

泛型类指的是实例部分的类型, 所以类的静态属性不能使用这个泛型类型

泛型约束

定义一个接口来描述约束条件, 使用接口和extends关键字来实现约束

interface lengthwise {length: number;
}
function loggingIdentity<T extends Lengthwise>(arg: T): T {console.log(arg.length)return arg
}
loggingIdentity(1)//报错
loggingIdentity({length: 1, name: 'Ren'})

在泛型约束中使用类型参数

let x = {a: 1, b: 2, c: 3, d: 4}
function getProperty<T, K extend keyof T>(obj: T, key: K) {return obj[key]
}
console.log(getProperty(x,'a'))
console.log(getProperty(x,'g'))

keyof

在泛型里使用类类型

没懂

function create<T>(c:{new(): T}) :T {return new c()
}
http://www.lryc.cn/news/117633.html

相关文章:

  • windos wsl2 docker unix:///var/run/docker.sock
  • 前端面试经典手写题
  • Tomcat 部署及优化
  • Selenium入门详细教程+实例演示
  • ATFX汇评:美国7月CPI数据即将揭晓,市场预期将有所反弹
  • 23、springboot日志使用入门-- SLF4J+Logback 实现(springboot默认的日志实现),日志打印到控制台及日志输出到指定文件
  • 【uniapp】 软键盘弹出后fixed定位被顶上去问题
  • HarmonyOS应用开发者基础认证考试题库
  • FANUC机器人SRVO-105和SRVO-067故障报警原因分析及处理方法
  • 在vue中Antv G2 折线图如何添加点击事件获取折线上点的值
  • 深度学习中训练、推理和验证分别都是什么意思
  • C语言规范
  • Express中间件
  • 124. 二叉树中的最大路径和
  • 管理类联考——逻辑——论证逻辑——汇总篇——真题和典例——分析
  • 深度ip转换器:一键更换ip地址方法
  • 【TypeScript】类型断言-类型的声明和转换(五)
  • 行业追踪,2023-08-10
  • Nodejs下动态加载文件夹下的文件模块
  • C#实现旋转图片验证码
  • MySQL—缓存
  • IP提取器对比器
  • 【Spring Boot】构建RESTful服务 — RESTful简介
  • 模仿火星科技 基于cesium+水平面积测量+可编辑
  • 26.配电网规划——考虑潮流约束的配电网规划
  • 【云原生】K8S集群
  • python接口自动化之自动发送测试报告邮件
  • umi出现“Cannot find module ‘umi-build-dev/lib/routes‘“ 错误
  • Redis类型检查与命令多态
  • mysql支持的xa具体指的是什么?