ts重难点泛型总结

我就是我 2023-01-05 12:46 175阅读 0赞

1.泛型 generics 定义返回任意类型的函数

function echo<T>(arg: T): T { 
        return arg
    }
    const res = echo(true)
    function swap<T, U>(tuple:[T, U]): [U, T] { 
        return [tuple[1], tuple[0]]
    }
    const result2 = swap(['string', 123])
    // result2[1].会弹出提示可以调用这里面的方法

2.约束泛型

// 约束泛型
    function echoWithArr<T>(arg: T[]): T[] { 
        console.log(arg.length)
        return arg
    }
    const  arrs = echoWithArr([1,2,43])

3.入参必须包含某种属性 例如下面代码中属性length

interface IWithLength{ 
        length:number
    }
    function echoWithLength<T extends IWithLength>(arg: T): T { 
        console.log(arg.length)
        return arg
    }
    const strn = echoWithLength('str')
    const obj = echoWithLength({ length: 10, width:'afdfa'})
    const arr2 = echoWithLength([1,23,4])

4.创建一个泛型 入参可以是各种类型 随意搭配

// 创建一个泛型
    interface keyPair<T, U> { 
        name: T,
        value: U
    }
    let key1: keyPair<string, number> = { name:'du', value:234}
    let key2: keyPair<string, string> = { name:'sfdf', value: 'fafds'}
    let seeTwo: keyPair<number[], Array<string>> = { name: [1,2,2,3,], value:['wrwer','werwe','rewr']}

// 数组中装的是number类型的话 有两种写法： Array 和number\[\] 都可

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java泛型编程理解难点解析

Java泛型编程是一种在编译时提供类型安全检查的机制，它允许开发者在编写代码时指定数据类型，从而避免在运行时出现类型转换错误。泛型编程的主要目的是提高代码的复用性和安全性。以下

叁歲伎倆/ 2024年10月31日 20:21/ 0 赞/ 38 阅读

相关 React 重难点

为什么要引入 React 在写 React 的时候，你可能会写类似这样的代码： import React from 'react' fun...

缺乏、安全感/ 2024年04月19日 11:10/ 0 赞/ 73 阅读

相关 ts重难点泛型总结

1.泛型 generics 定义返回任意类型的函数 function echo<T>(arg: T): T { return arg }

我就是我/ 2023年01月05日 12:46/ 0 赞/ 176 阅读

相关 TS泛型

TS泛型泛型可以创建可重用的组件,一个组件可以支持多种类型,解决类,接口,方法的复用性,以及对不确定数据类型的使用 class MinCla<T>{

素颜马尾好姑娘i/ 2023年01月02日 13:23/ 0 赞/ 237 阅读

相关 ts泛型

泛型 `在定义函数、接口或者类的时候、不需要先指定具体类型、而在用的时候再指定类型的一种特性。` 其实就是把类也当作变量（类是可变的，未知的）使用，把类放在<>尖括号

ゝ一纸荒年。/ 2022年12月20日 02:39/ 0 赞/ 152 阅读

相关 TypeScript重难点：泛型

这篇文章跟大家分享学习ts的又一个重难点「泛型」。在ts中，得泛型者，得天下！ 1 什么是泛型整个ts的学习，其实就是各种数据类型的类型约束的学习。当我们规定一个变

朴灿烈づ我的快乐病毒、/ 2022年12月01日 15:46/ 0 赞/ 290 阅读

相关 TS中的泛型

/ function fn(a: any): any{ return a; }/ / 在定义函数或是类时，如果遇到类型不明确就可以使用泛型 /

灰太狼/ 2022年10月14日 13:52/ 0 赞/ 101 阅读

相关 Java 泛型总结

如需转载，请注明原地址，谢谢什么是泛型泛型实现了参数化类型的概念，主要目的是希望类或方法能够就最广泛的表达能力泛型的优点和局限性优点：1

墨蓝/ 2022年07月15日 14:22/ 0 赞/ 226 阅读

相关泛型总结

泛型参与了孤尽大大的DIY班，这一期的主题时泛型，之前没有深入研究过泛型，于是有了此篇的总结。 1.简单的泛型类和接口 public class Gen

电玩女神/ 2022年02月14日 15:08/ 0 赞/ 265 阅读

相关 TS学习笔记（五）：泛型

泛型是指定一个表示类型的变量，用它来代替某个实际的类型用于编程，而后通过实际调用时传入或推导的类型来对其进行替换，以达到一段使用泛型程序可以实际适应不同类型的目的。为了实现泛型

谁践踏了优雅/ 2022年01月20日 05:19/ 0 赞/ 241 阅读