devttl/reference
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

doc: update docs/typescript.md

Browse Source
This commit is contained in:
jaywcjlove 2023-07-17 12:16:58 +08:00
parent 7841be7bdd
commit 89be124f1d
1 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
docs/typescript.md
View File

@ -1338,6 +1338,22 @@ type A = keyof Arrayish;
// type A = number // type A = number
``` ```
### 两个数组合并成一个新类型
<!--rehype:wrap-class=col-span-2 row-span-2-->
```ts
const named = ["aqua", "aquamarine", "azure"] as const;
const hex = ["#00FFFF", "#7FFFD4", "#F0FFFF"] as const;
type Colors = {
[key in (typeof named)[number]]: (typeof hex)[number];
};
// Colors = {
// aqua: "#00FFFF" | "#7FFFD4" | "#F0FFFF";
// ....
// }
```
### 索引签名 ### 索引签名
```ts ```ts
@ -1348,6 +1364,13 @@ interface NumberOrString {
} }
``` ```
### 只读元组类型
```ts
const point = [3, 4] as const
// type 'readonly [3, 4]'
```
### 从数组中提取类型 ### 从数组中提取类型
```ts ```ts
@ -1359,15 +1382,8 @@ type PointDetail = Data[number];
``` ```
<!--rehype:className=wrap-text--> <!--rehype:className=wrap-text-->
### 只读元组类型
```ts
const point = [3, 4] as const
// type 'readonly [3, 4]'
```
### satisfies ### satisfies
<!--rehype:wrap-class=row-span-2--> <!--rehype:wrap-class=row-span-3-->
`satisfies` 允许将验证表达式的类型与某种类型匹配，而无需更改该表达式的结果类型。 `satisfies` 允许将验证表达式的类型与某种类型匹配，而无需更改该表达式的结果类型。
@ -1406,7 +1422,7 @@ const redComponent = palette.red.at(0)
<!--rehype:className=wrap-text--> <!--rehype:className=wrap-text-->
### 范型实例化表达式 ### 范型实例化表达式
<!--rehype:wrap-class=row-span-2--> <!--rehype:wrap-class=row-span-3-->
不使用的情况下： 不使用的情况下：