TS:泛型的使用方法

本文详细介绍了TypeScript的泛型使用,从泛型变量、泛型类型、泛型约束到在泛型中使用类类型,阐述了如何通过类型变量实现函数参数和返回类型的统一,并通过实例展示了类型推论在保持代码简洁和提高可读性方面的作用。
摘要由CSDN通过智能技术生成

TS:泛型

1. 前言

  • 有时候,我们想让一个函数的参数和返回类型是相同的,就可以使用类型变量

  • 类型变量是一种特殊的变量,用于表示类型而不是值。

    function identity<T>(arg : T) : T{
         
        return arg;
    }
    
  • 定义了泛型函数后,可以用两种方法使用。

  • 一种是传入所有的参数,包括类型参数:

    let out = identity<string>("yivi");
    
  • 另一种是使用类型推论——即编译器会自动推断类型:

    let out = identity("yivi");
    
  • 类型推论帮助我们保持代码精简和高可读性。

2. 泛型变量

  • 来看看一个例子:

    function foo<T>(arg : T): T{
         
        console.log(arg.length);	// error,arg的类型为T,无明确指示方法,因此报错。
        return arg;
    }
    
  • 当我们想操作T类型的数组时,.length的属性是存在的,因此不会报错:

    function foo<T>(args : T
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值