# TypeScript 高级类型技巧

## 条件类型
type IsString<T> = T extends string ? true : false

## 映射类型
type Readonly<T> = { readonly [P in keyof T]: T[P] }

## 工具类型
- Partial<T>：全部可选
- Required<T>：全部必填
- Pick<T,K>：选取属性
- Omit<T,K>：排除属性

## 泛型约束
function identity<T extends object>(arg: T): T

## 类型守卫
function isString(x: any): x is string

## 模板字面量类型
type EventName = 'click' | 'hover'
type Handler = 'on' | 'off'
type Event = 'on' | 'off'

掌握高级类型，类型安全更上一层楼！


<h1 id="heading-1">TypeScript 高级类型技巧</h1>
<h2 id="heading-2">条件类型</h2>
<p>type IsString<T> = T extends string ? true : false</p>
<h2 id="heading-3">映射类型</h2>
<p>type Readonly<T> = { readonly [P in keyof T]: T[P] }</p>
<h2 id="heading-4">工具类型</h2>
<ul>
<li>Partial<T>：全部可选</li>
<li>Required<T>：全部必填</li>
<li>Pick&lt;T,K&gt;：选取属性</li>
<li>Omit&lt;T,K&gt;：排除属性</li>
</ul>
<h2 id="heading-5">泛型约束</h2>
<p>function identity<T extends object>(arg: T): T</p>
<h2 id="heading-6">类型守卫</h2>
<p>function isString(x: any): x is string</p>
<h2 id="heading-7">模板字面量类型</h2>
<p>type EventName = &#39;click&#39; | &#39;hover&#39;
type Handler = &#39;on&#39; | &#39;off&#39;
type Event = &#39;on&#39; | &#39;off&#39;</p>
<p>掌握高级类型，类型安全更上一层楼！</p>


TypeScript 高级类型技巧 条件类型 type IsString = T extends string ? true : false 映射类型 type Readonly = { readonly P in keyof T : T P } 工具类型 Partial ：全部可选 Required ：全部必填 Pi...

TypeScript 高级类型

TypeScript 高级类型技巧

条件类型

映射类型

工具类型

泛型约束

类型守卫

模板字面量类型

评论 0

为你推荐

精选内容