TypeScript常用工具泛型函数总结

最新推荐文章于 2024-02-20 21:17:16 发布
最新推荐文章于 2024-02-20 21:17:16 发布
阅读量1.3k 收藏
点赞数
文章标签： TypeScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/X1432564581/article/details/107113635
版权

最近用到了TS中一些工具泛型，觉得TS中的很多工具泛型函数用处还是很大的，在这里总结一些常用的：

Partial
Partial的作用是将传入的属性变成可选项，原理就是使用keyof拿到所有属性名，然后再使用in遍历，T[P]拿到相应的值。
在这里插入图片描述
Required
Required 的作用是将传入的属性变为必选项，原理是使用-？将可选项的？去掉。与之对应的还有个+？。
在这里插入图片描述

Readonly
Readonly的作用是将传入的属性变为只读选项
在这里插入图片描述

Mutable
Mutable的作用是将传入属性的readonly移除。
在这里插入图片描述

Record
Record的作用是将K中所有属性的值转化成T类型
在这里插入图片描述

Pick
Pick的作用是从T中取出一系列K的属性
在这里插入图片描述

Exclude
Exclude的作用是从T中找出U中没有的元素
在这里插入图片描述

Omit
Omit的作用是忽略对象的某些属性功能
在这里插入图片描述

嘿嘿嘿灰灰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TS 内置工具
weixin_43909372的博客
10-29 2268
TS 内置工具 1、Record -> 生产一个属性为K,类型为T的类型集合。 type React<K entends keyof any, T> = { [P in K]: T; } 用法 type Foo = Record<‘a’, string> // 相当于 type Foo = { a: string } type Bar = { b: string } type Baz = Record< keyof Foo | keyof Bar, number &gt
utilTs:TypescriptJavascript的工具函数
03-31
打字稿工具函数 工欲善其事必先利其器 使用方法 es6 import { debounce } from "@mxssfd/ts-utils" ; debounce ( ( ) => { console . log ( "do something" ) } , 1000 ) ; cndn < script src =" lib-umd/index.js " > </ script > < script > tsUtils . debounce ( ( ) => { console . log ( "do something" ) } , 1000 ) ; </ script >
startline-lib:基于TS编写的工具函数，使用webpack打包的生产
08-05
基于 TS 编写的常用工具函数 常用 JS 工具函数 安装构建工具 1.安装 TS 编译 npm install -g typescript 2.安装 webpack npm i webpack webpack-cli -D 3.安装 VsCode 安装 Live Serve 插件 运行打包 1.vsCode 可以使用如下操作监听 TS 编译 在 vscode 中按 Ctrl + Shift + B 弹出对话框 tsc watch 是自动监听，下次保存文件就自动编译 tsc build 是编译一次 2.使用 webPaack 监听编译打包 npm run watch 3.使用 Live serve 插件 找到 test(测试环境) 目录下 index.html,右键 Open with Live serve 二：使用文档 函数类 1.深拷贝函数 deepClone() var obj =
typescript 泛型详解
最新发布
JiuMeilove的博客
02-20 1370
但是，该函数只接收数值类型，无法用于其他类型为了能让函数能够接受任意类型，可以将参数类型修改为 any。泛型在保证类型安全(不丢失类型信息)的同时，可以让函数等与多种不同的类型一起工作，灵活可复用。泛型是TypeScript中的一种工具，它允许你创建可重用的组件，这些组件可以在多种类型上工作，而不仅仅是一个类型。如上图,当输入的是一个字符串hello时,ts会推论出它是hello这种字面量类型,但是其实我们不是想要这种类型,我们是想要字符串类型,这时候就需要显示的传入类型参数,
TypeScript的函数(方法)
上庸者-不服周
07-04 1062
ts函数
typeScript(五)函数
陈小陈的博客
01-01 253
文章目录函数的标注可选参数和默认参数可选参数默认参数剩余参数函数中的this普通函数箭头函数函数重载 函数的标注 一个函数的标注包含 参数 返回值 function fn(a: string): string {}; let fn: (a: string) => string = function(a) {}; type callback = (a: string): string; interface ICallBack { (a: string): string; } let fn
ts中常用的几个工具类
wgh2820777641的博客
02-24 3876
TypeScript常用的几个工具类
TS 常用工具函数（COCOS开发）
qq_37297537的博客
12-13 183
【代码】TS 常用工具函数（COCOS开发）
ts泛型工具函数
qq_43634075的博客
03-31 1023
TS的泛型语法糖工具函数 partial 将所有持有属性变为可选 interface data { title: String, desc: String, say?: String } const testPartial = (dataOne: data, dataTwo: Partial<data>) => { return {...dataOne, ...dataTwo} } console.log(testPartial({title: '测试1', desc:
TS中的工具函数
L_yvpeng的博客
02-11 380
TS中的工具函数
vue3 里的 ts 类型工具函数
青蛙king的博客
01-06 1330
相关 API 源码。
如何在TypeScript中使用泛型
04-12
在今天的内容中，我们将尝试 TypeScript 泛型的真实示例，并探索它们如何在函数、类型、类和接口中使用。我们还将使用泛型创建映射类型和条件类型，这将帮助我们创建可以灵活应用于代码中所有必要情况的 TypeScript ...
ts typescript.txt
03-13
15 Typeｓｃｒｉｐｔ泛型类 - 把类作为参数类型的泛型类 (21分47秒).rar 16 Typeｓｃｒｉｐｔ 类型、接口、类 、泛型 综合使用--Typeｓｃｒｉｐｔ封装统一操作Mysql Mongodb Mssql的底层类库 (14分31秒).rar 17 ...
TypeScript 教程
08-10
TypeScript 教程是一个TypeScript 开源教程，介绍基本概念和用法，面向初学者。需要的朋友可下载试试！ 今年 3 月份快写完这份教程的时候，TypeScript 5.0 突然发布了。装饰器（Decorators）改用全新语法。因此他...
Classical:TypeScript基类库
05-21
如果TypeScript要产生超越框架的框架和应用程序，那么我们需要一套利用TypeScript功能的工具，其中包括OOP的技术，函数式编程以及具有提供静态类型的公共接口的API，即使他们在后台使用了JavaScript强大的动态灵活...
TypeScript快速入门（通俗易懂）【2020新版】
06-21
5.TypeScript语法之函数 6.TypeScript语法之类、接口 7.TypeScript语法之泛型 8.TypeScript语法之模块 9.TypeScript语法之命名空间 10.TypeScript语法之装饰器 教学全程采用笔记+代码案例的形式讲解，每个知识点都有...
TS中的函数
前端工程师，博文都是自己学习到的，或者开发中遇到的点，记录一下
10-03 916
1.函数的定义 //ES5里定义函数方法 function run(){ //函数的申明法 return 'run' } var run = function{ //匿名函数 return 'run' } //ts中定义函数的方法 function run:string(){ //函数的申明法 return 'run' //必须类型对应 } var run = function：number{ //匿名函数 ...
TS的函数，你了解多少？Typescript系列：(二)函数篇
ilovely_的博客
03-02 498
函数在我们日常代码中占有绝对重要的地位，深入了解TS中函数的使用对我们的学习十分有利。如果你还不了解泛型函数、函数签名、函数重载，那么阅读本文将让你对TS中的函数有一个更加细致的理解，必能有所收获。
写TS效率大提升,TS常用内置工具类Omit、Pick、Partial、Required、Readonly、Exclude 、Extract、ReturnType、NonNullable
天渺(喵)工作室
05-29 4183
TS中常用的工具映射类型,让写TS时效率大大提升,避免无意义的重复性定义。 1.Omit 省略/剔除 顾名思义 可以剔除 已定义对象中 自己不需要的一部分形成新的定义类型。 interface UserObj { readonly name: string; // readonly 只读属性 只能初始化定义 不能二次赋值 age: number; id: number; sex: 0 | 1; address: string; weight: number;
typescript 泛型接口和泛型函数的区别
06-08
TypeScript中，泛型接口和泛型函数都是用来处理一些通用性问题的。 泛型接口是一个在定义时不指定具体类型的接口，而是在使用时才指定具体类型。它可以用来定义一些通用的数据结构，比如数组、字典等。例如： ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值