typescript 补充

文章目录

    • Pick<T, K> 从 T 中挑选部分属性构成新类型
    • Partial<T>:将类型的所有属性变为可选
    • Required<T>:将类型的属性变为必选。
    • Omit<T, K>:从 T 中移除部分属性构成新类型。
    • Readonly<T>:将类型的属性设为只读。
    • Record<string | number | symbol,any>
    • 类型推断
    • 数组的不可变性 (ReadonlyArray)
    • 深度不可变 DeepReadonly

在这里插入图片描述

Pick<T, K> 从 T 中挑选部分属性构成新类型

interface Person {name: string;age: number;email?: string;
}type PickedPerson = Pick<Person, "name" | "age">; // { name: string; age: number }const person: PickedPerson = {age: 20,name: "Tom",
};

Partial:将类型的所有属性变为可选

interface IProps {name: string;age: number;sex: "男" | "女";job?: string;
}type Person2 = Partial<IProps>; // { name?: string; age?: number; sex?: "男" | "女"; job?: string }const person2: Person2 = {name: "Tom",sex: "男",
};

Required:将类型的属性变为必选。

interface IProps {name: string;age: number;sex: "男" | "女";job?: string;
}type Person3 = Required<IProps>; // { name: string; age: number; sex: "男" | "女"; job: string }const person3: Person3 = {name: "Tom",age: 20,sex: "男",job: "程序员",
};

Omit<T, K>:从 T 中移除部分属性构成新类型。

interface IProps {name: string;age: number;sex: "男" | "女";job?: string;
}type Person6 = Omit<IProps, "sex" | "name">; // { age: number; job?: string }const person6 : Person6 = {age: 20,job: "程序员",
}

Readonly:将类型的属性设为只读。

interface IProps {name: string;age: number;sex: "男" | "女";job?: string;
}type Person4 = Readonly<IProps>;const person4: Person4 = {name: "Tom",age: 20,sex: '男',
}// person4.name = "Jerry"; // 会报错,因为name是只读的

Record<string | number | symbol,any>

Record<string | number | symbol,any> 是一个类型工具,用于创建一个对象类型,其中键的类型可以选三种 ,值的类型可以任意规定

interface IProps {name: string;age: number;sex: "男" | "女";job?: string;
}type Person = Pick<IProps, "name" | "age">;const person5: Record<string, Person> = {Tom: {name: "Tom",age: 20,},Jerry: {name: "Jerry",age: 22,},
}

类型推断

ReturnType 是返回函数的返回值的类型
Parameters 是返回参数的类型

type Func = (x: number, y: string) => boolean;
type ReturnTypeOfFunc = ReturnType<Func>; // boolean
type ParametersOfFunc = Parameters<Func>; // [number, string]

数组的不可变性 (ReadonlyArray)

ReadonlyArray 是 readonly 在数组中的一种特例。与普通数组不同,ReadonlyArray 禁止使用会修改数组的方法(例如 push、pop 等),从而确保数组内容不会被改变。

const numbers: ReadonlyArray<number> = [1, 2, 3];// numbers.push(4); // 错误:ReadonlyArray 不允许修改数组内容

深度不可变 DeepReadonly

仅将嵌套对象设为不可变,而让顶层的普通属性保持可变状态

type DeepReadonly<T> = {[K in keyof T]: T[K] extends object ? Readonly<T[K]> : T[K];};interface PersonA {name: string;address: { city: string; zip: string };}const person7: DeepReadonly<PersonA> = {name: "Alice",address: { city: "New York", zip: "10001" },};person7.name = "Bob"; // person7.address.city = "Boston" // Error

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/9934.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

运动【跑步 03】安踏冠军3的10KM和15KM*2体验(对比必迈PURE LIGHT)

这里写目录标题 1. 前言2. 两双鞋2.1 必迈 PURE LIGHT2.2 安踏 冠军 3 3. 主观对比4. 问题4.1 必迈 PURE LIGHT4.2 冠军 3 5. 总结 1. 前言 我是程序员&#xff0c;并不是专业的运动员&#xff0c;对跑步鞋的研究也不深&#xff0c;至今也就买过两双相对比较专业的跑鞋&#x…

【C++】踏上C++的学习之旅(六):深入“类和对象“世界,掌握编程的黄金法则(一)

文章目录 前言1. "面向过程"和"面向对象"的碰撞1.1 面向过程1.2 面向对象 2. "类"的引入3. "类"的定义3.1 &#x1f349;语法展示&#xff1a;3.2 "类"的两种定义方式3.3 "类"的命名规则 4. 类的访问限定符以及封…

Matlab绘制箭头(annotation 、quiver、​quiver3)

本文章开始讲述基于Matlab绘制箭头&#xff0c;主要包括一下函数&#xff1a; annotation &#xff1a;annotation(lineType,x,y) 创建一个在当前图窗中的两个点之间延伸的线条或箭头注释。将 lineType 指定为 ‘line’、‘arrow’、‘doublearrow’ 或 ‘textarrow’。将 x 和…

【ESP32+MicroPython】开发环境部署

本教程将指导你如何在Visual Studio Code&#xff08;VSCode&#xff09;中设置ESP32的MicroPython开发环境。我们将涵盖从安装Python到烧录MicroPython固件的整个过程&#xff0c;以及如何配置VSCode以便与ESP32进行交互。 准备工作 安装Python 确保你的计算机上安装了Pyth…

我来讲一下-Service Mesh.

前言&#xff1a; 1、中文直翻译&#xff1a;Service Mesh叫服务网格&#xff0c;有一些讲课老师说什么把服务当成一个一个格子&#xff0c;一笔带过&#xff0c;没有经过深刻思考的讲诉&#xff0c;我真的bs. 一、我来讲一下 1、这里拆解分析一下&#xff0c;Service中的"…

30.超市管理系统(基于springboot和Vue的Java项目)

目录 1.系统的受众说明 2.相关技术和开发环境 2.1 相关技术 2.1.1 Java语言 2.1.2 HTML、CSS、JavaScript 2.1.3 MySQL 2.1.4 Vue.js 2.1.5 SpringBoot 2.2 开发环境 3. 系统分析 3.1 可行性分析 3.1.1 经济可行性 3.1.2 技术可行性 3.1.3 运行可行性 3.2…

洛谷 P1434 [SHOI2002] 滑雪 完整题解

一、题目查看 P1434 [SHOI2002] 滑雪 - 洛谷 二、解题思路 本题需要使用记忆化搜索&#xff0c;把第x个点开始最多能走几步记录在dp[x]中&#xff0c;循环递归&#xff0c;记录&#xff0c;并找出最大的dp[i]。 三、题解 #include <bits/stdc.h> using namespace std;int…

分布式唯一ID生成(二): leaf

文章目录 本系列前言号段模式双buffer优化biz优化动态step源码走读 雪花算法怎么设置workerId解决时钟回拨源码走读 总结 本系列 漫谈分布式唯一ID分布式唯一ID生成&#xff08;二&#xff09;&#xff1a;leaf&#xff08;本文&#xff09;分布式唯一ID生成&#xff08;三&am…

Spring Boot 与 Vue 共筑电影评价卓越平台

作者介绍&#xff1a;✌️大厂全栈码农|毕设实战开发&#xff0c;专注于大学生项目实战开发、讲解和毕业答疑辅导。 &#x1f345;获取源码联系方式请查看文末&#x1f345; 推荐订阅精彩专栏 &#x1f447;&#x1f3fb; 避免错过下次更新 Springboot项目精选实战案例 更多项目…

Everything软件实现FTP功能

Windows的文件共享和ftp实在难用&#xff0c;这里介绍一种新的局域网内共享文件的方法 下载 Everything 选择想要共享的文件&#xff0c;选择包含到数据库&#xff0c;注意&#xff1a;要在对应的分卷设置&#xff0c;共享文件夹名称不要包含中文字符&#xff0c;因为Windows底…

CertiK创始人顾荣辉出席新加坡商业与慈善论坛,发表主旨演讲并主持专题讨论

2024年11月5日 —— 美国哥伦比亚大学教授、CertiK联合创始人、MAS国际技术顾问顾荣辉受邀参加2024年度新加坡商业与慈善论坛&#xff08;Business & Philanthropy Leadership Forum Singapore&#xff0c;简称B&P Forum&#xff09;&#xff0c;期间发表主旨演讲并主持…

oracle创建实例失败-因为网络原因

风起波谲 最近遇到一个case很有意思。 起因是在redhat6.5上&#xff0c;安装一个oracle 19c。这个问题到没有特别大。换glibc的包就装上去了。 但是dbca就失败了 有点紧张&#xff0c;不会是遇到了不可控依赖问题吧。遂去看了把日志 日志看了以后反而没那么紧张了&#xff0…

力扣题库——75.颜色分类

这道题采用三路快速排序&#xff0c;快速排序思路看这里快速排序。将数列分为三组&#xff1a;小于基准、等于基准、大于基准。和快排一样&#xff0c;对左右递归进行快速排序。 先将题目简化&#xff0c;如果只有数字0和1&#xff0c;扫描一遍数组&#xff0c;遇到数字1不用管…

Android中桌面小部件framework层使用到的设计模式

在Android中&#xff0c;桌面小部件&#xff08;App Widget&#xff09;的Framework层采用了多种设计模式&#xff0c;以实现模块化、可维护性和高效的交互。 以下是Android桌面小部件Framework层中常用的设计模式及其具体应用&#xff1a; 1. 观察者模式&#xff08;Observe…

解锁 AI 新境界:元素碰撞的神奇应用技巧全解析

前言 在当今科技飞速发展的时代&#xff0c;ChatGPT 作为一款强大的人工智能工具&#xff0c;为我们开启了全新的创意探索之门。当我们让 ChatGPT 去进行大量的元素碰撞时&#xff0c;相较于传统人力的联想方式&#xff0c;它能够凭借其强大的算法和海量的数据处理能力&#x…

操作系统-磁盘

文章目录 磁盘的结构一、磁盘的物理结构二、磁盘的逻辑结构 磁盘的调度算法磁盘时间算法先来先服务&#xff08;FCFS - First-Come, First-Served&#xff09;最短寻道时间优先&#xff08;SSTF - Shortest Seek Time First&#xff09;扫描算法&#xff08;SCAN&#xff0c;也…

C++类和对象 (下)

文章目录 前言一. 再探构造函数初始化列表特性总结练习 二. 类型转换2.1 隐式类型转换2.2 临时对象具有常性2.3 explicit关键字2.4 多参数类型转化 三. static成员概念特性练习 四. 友元概念特性 五. 内部类概念特性 六. 匿名对象概念特性 七. 对象拷贝时的编译器优化END 前言 …

玩的花,云产品也能拼团了!!!

说起拼单大家都不陌生&#xff0c;电商一贯的营销手段&#xff0c;不过确实可以给消费者省下一笔钱。双11到了&#xff0c;腾讯云产品也玩起了拼团&#xff0c;这明显是对开发人员和各企业的福利。 对于有云产品需求的个人或企业&#xff0c;这次绝对是难得的一次薅羊毛机会。…

深度学习-张量相关

一. 张量的创建 张量简介 张量是pytorch的基本数据结构 张量&#xff0c;英文为Tensor&#xff0c;是机器学习的基本构建模块&#xff0c;是以数字方式表示数据的形式。 例如&#xff0c;图像可以表示为形状为 [3, 224, 224] 的张量&#xff0c;这意味着 [colour_channels, h…

境内部署DIfy(上篇)

背景&#xff1a; 由于近2年大模型的火热催生出很多业务场景&#xff0c;这也迫使我们这些老一辈的程序搬运工去接触新事物&#xff0c;“工欲善其事必先利其器”&#xff0c;先从大模型应用开始摸索&#xff0c;网上大把工具&#xff0c;再三思考后决定先从Dify开始&#xff…