【备战春招】第13天 nest js ts
2023/2/21 4:20:56
本文主要是介绍【备战春招】第13天 nest js ts,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
课程名称:NestJS 入门到实战 前端必学服务端新趋势
课程章节: 第1章
课程讲师:Brian
课程内容
泛型的常用方式
const pushArr = <T>(arr: T[], item: T):T[] =>{ arr.push(item) return arr } const arrNum: number[] = [1,2,3,4] // pushArr<number>(arrNum,3) // 你定义了什么类型 就 替换T console.log(pushArr<number>(arrNum,3)) // 用泛型 交换位置 function swapGeneric<T, U>(tuple: [T, U]): [U, T]{ return [tuple[1], tuple[0]] } const res = swapGeneric<string, number>(['123',123]) console.log(res)
写一个函数,这个函数会返回任何传入的值。
eg:不用泛型的话,这个函数可能是下面这样:
function identity(arg: number): number { return arg; }
如果我们要编写框架,就要考虑到各种返回值的情况,于是可能就会有这样的代码:
type idBoolean = (arg: boolean) => boolean; type idNumber = (arg: number) => number; type idString = (arg: string) => string;
有些小伙伴可能会说,我们可以使用any
类型来定义函数:
function identity(arg: any): any { return arg; }
使用any
类型会导致这个函数可以接收任何类型的arg
参数,这样就丢失了一些信息:传入的类型与返回的类型应该是相同的。
function identity<T>(arg: T): T { return arg; }
我们给identity添加了类型变量T
。 T
帮助我们捕获用户传入的类型(比如:number
),之后我们就可以使用这个类型。
identity<string>('hello');
这篇关于【备战春招】第13天 nest js ts的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础
- 2024-12-25Vue3入门指南:快速搭建你的第一个Vue3项目
- 2024-12-25JS基础知识入门教程
- 2024-12-25React基础知识详解:从入门到初级应用
- 2024-12-25Vue3基础知识详解与实战指南
- 2024-12-25Vue3学习:从入门到初步掌握
- 2024-12-25Vue3入门:新手必读的简单教程
- 2024-12-23【JS逆向百例】爱疯官网登录逆向分析
- 2024-12-21Vue3教程:新手入门到实践应用