IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Typescript 类型声明工具函数一览 -> 正文阅读

[JavaScript知识库]Typescript 类型声明工具函数一览

Typescript 类型声明工具函数一览

原文地址:Typescript 类型声明工具函数一览

类型声明是 Typescript 中用到最多得东西,他提供了一系列类型声明函数辅助开发,提升效率。

下面简述每个方法的主要作用,个人认为不容易理解的会带示例,仅供参考。

Partial

Partial 的作用就是将 T 类型里的属性全部变为可选项 ? 。

Required

Partial 的作用就是将 T 类型里的属性全部变为必选项 ? 。

Readonly

Readonly 的作用是将 T 类型所有属性变为只读属性,也就意味着这些属性不能被重新赋值。

Record

Record<K, T> 的作用是将 K 中所有的属性的值转化为 T 类型。

示例

type petsGroup = 'dog' | 'cat' | 'fish';
interface IPetInfo {
    name:string,
    age:number,
}

type IPets = Record<petsGroup, IPetInfo>;

const animalsInfo:IPets = {
    dog:{
        name:'dogName',
        age:2
    },
    cat:{
        name:'catName',
        age:3
    },
    fish:{
        name:'fishName',
        age:5
    }
}

Pick

Pick<T, K extends keyof T> 的作用是将 T 类型中的子属性挑出来,变成包含 T 类型部分属性的子类型。

示例

type T = {
  name:string;
  age:number;
}

type K = Pick<T,"name">;
// 等同于
type K = {
	name: string;
}

Exclude

Exclude<T, U> 的作用是将 T 类型和 U 类型属性交集的补集。

示例

  type T0 = Exclude<"a" | "b" | "c", "a">;
  // "b" | "c"
  type T1 = Exclude<"a" | "b" | "c", "a" | "b">;
  // "c"
  type T2 = Exclude<string | number | (() => void), Function>;
  // string | number

Extract

Extract<T, U> 的作用是从 T 类型中提取出 U 类型属性,也就是取两个类型的交集属性。

Omit

Omit<T, K extends keyof any> 的作用是使用 T 类型中除了 K 类型的所有属性,来构造一个新的类型,也就是从 T 类型中去掉 T 类型和 K 类型的交集属性。

NonNullable

NonNullable 的作用是用来过滤类型中的 null 及 undefined 类型。

ReturnType

ReturnType 的作用是用于获取函数 T 的返回类型。

InstanceType

InstanceType 的作用是获取构造函数类型的实例类型。

ThisType

ThisType 的作用是用于指定上下文对象的类型。

Parameters

Parameters 的作用是用于获得函数的参数类型组成的元组类型。

ConstructorParameters

ConstructorParameters 的作用是提取构造函数类型的所有参数类型。它会生成具有所有参数类型的元组类型(如果 T 不是函数,则返回的是 never 类型)。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-02-28 15:20:07  更:2022-02-28 15:24:19 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 8:32:16-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码