typescript中的泛型用法

最新推荐文章于 2025-07-19 23:10:39 发布

得知此事须躬行

最新推荐文章于 2025-07-19 23:10:39 发布

阅读量309

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发 typescript 文章标签： typescript

本文链接：https://blog.csdn.net/qq_17355709/article/details/114022645

前端开发同时被 2 个专栏收录

58 篇文章

订阅专栏

typescript

5 篇文章

订阅专栏

本文探讨了JavaScript中的泛型函数应用，如`swap`函数和`arrLen`函数，展示了如何使用泛型约束接口类型。通过实例解析了接口在类型安全中的作用，涵盖了从基本的类型交换到高级的类型系统应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//泛型
function swap<A, B>([A, B]): [B, A] { 
    return [B, A];
}
const result = swap([1, 2]);
console.log(result)//[2,1]

//用泛型操作数组
function arrLen<T>(arr: T[]): T[] { 
    console.log(arr.length);
    return arr;
}
const resultLen = arrLen([1, 2, 3]);//3
console.log(resultLen);//[1, 2, 3]

//用接口去约束泛型中所传入的值的类型
interface IWithLen { 
    length: number;
}
function arrLen<T extends IWithLen>(arr: T): T { 
    console.log(arr.length);
    return arr;
}
arrLen([1, 2, 3]);//3
arrLen('string');//6
arrLen({length:10,num:100})//10