6.29 drilling notes

ts泛型复习

ts 复制代码
function valueProjectorReturnSameType<T>(arg1:T):T{
    return arg1
}

function valueProjectorReturnSameType2<T,G>(arg1:T|G):T|G{
    return arg1
}

函数名<T>指定使用泛型T

泛型,但要求有某个属性,要用比如T.name? extends泛型约束

ts 复制代码
interface SomeType{
    name:string
}

function genericTypeWithRestraint<T extends SomeType>(arg1:T){
    return arg1.name
}

console.log(genericTypeWithRestraint({name:'wang',age:10}))

函数名<T extends 一个接口> 添加约束

类型推断练习

套路:type TargetType<T> = T extends 问题类型,要推理的类型使用infer ? K:T

1.写一个PromiseType类型能够获取Promise<string>里的string

ts 复制代码
type PromiseType<T> = ? // T extends Promise<infer K>?K:T

type MyPromiseReturnType = PromiseType<Promise<string>>

const a:MyPromiseReturnType = 'a'

有一个类型组成的数组[string, number],写一个类型推断出该数组元素的类型

ts 复制代码
type ArrayTypeList<T> = ?? // T extends (infer I)[]?I: T

type ItemType1 = ArrayTypeList<[string,number]>

const item1:ItemType1='a' // string|number
  1. 函数有关的推断
ts 复制代码
\\推断第一个参数的类型
type FirstArg<T> = T extends (first: infer F, ...args:any[])=>any?F:T;

type FA = FirstArg<(name:string,age:number)=>void>


type PersonHere = {
    person:string
}

type MyReturnType<T> = T extends (name:string,age:number)=>infer F?F:T;

type ReturnedType = MyReturnType<(name:string,age:number)=>PersonHere>

const mannn:ReturnedType = {person:'aaa'}

协变(Covariance) 与 逆变(Contravariance)

面向对象的概念。 协变:子类对象赋值给父类型的变量:Parent A = new Child() 逆变:Child A = new Parent()

逆变: 父类型的形参,可接受子类型对象。

ts 复制代码
interface Person{
    name:string
}

interface Programmer extends Person{
    skill:string
}

type pf=(arg:Person)=>void  //定义一个pf类型的函数
type tf=(arg:Programmer)=>void //定义一个tf类型的函数

let f1:pf=(c:Person)=>{}
let f2:tf=(p:Programmer)=>{}

f1=f2 //error! skill is missing in pf
//f1是pf类型,他想要接收一个Person类型的参数,
//如果调用f1,因为f1是pf类型,所以调用时传进去一个Person类型的变量,
//但函数体变成了f2,它是对Programmer处理的,比如可能使用c.skill,而Person类型的变量没有skill。
//于是造成了类型不安全

f2=f1 //ok. f2变成f1后,因为f1接受子类对象o,而调用f2时,使用子类对象,以及f1中定义的逻辑,这个o一定都能用

返回值时:

ts 复制代码
interface Person{
    name:string
}

interface Programmer extends Person{
    skill:string
}

type pf=()=>Person
type tf=()=>Programmer

let f1:pf=()=>({name:'wang'})
let f2:tf=()=>({name:'wang',skill:'singing'})
f2=f1//error!!! 这时候是f1的函数体功能是构建一个Person类型返回值,但它赋值给f2后,缺了skill,
相关推荐
程序员爱钓鱼5 分钟前
Node.js 编程实战:测试与调试 —— 日志与监控方案
前端·后端·node.js
Mapmost13 分钟前
数字孪生项目效率翻倍!AI技术实测与场景验证实录
前端
小酒星小杜17 分钟前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统-Input篇
前端·程序员·架构
Cache技术分享25 分钟前
290. Java Stream API - 从文本文件的行创建 Stream
前端·后端
陈_杨28 分钟前
前端成功转鸿蒙开发者真实案例,教大家如何开发鸿蒙APP--ArkTS 卡片开发完全指南
前端·harmonyos
小杨同学4934 分钟前
C 语言实战:枚举类型实现数字转星期(输入 1~7 对应星期几)
前端·后端
陈_杨35 分钟前
前端成功转鸿蒙开发者真实案例,教大家如何开发鸿蒙APP--ArkTS 卡片刷新机制
前端·harmonyos
go_caipu43 分钟前
Vben Admin管理系统集成qiankun微服务(二)
前端·javascript
唐叔在学习1 小时前
insertAdjacentHTML踩坑实录:AI没搞定的问题,我给搞定啦
前端·javascript·html
超绝大帅哥1 小时前
Promise为什么比回调函数更好
前端