doc: update docs/typescript.md
This commit is contained in:
parent
8f97826a84
commit
3c2e988059
@ -617,7 +617,10 @@ const stringBox = new Box("a package")
|
|||||||
|
|
||||||
```ts
|
```ts
|
||||||
class Location {
|
class Location {
|
||||||
constructor(public x: number, public y: number) {}
|
constructor(
|
||||||
|
public x: number,
|
||||||
|
public y: number
|
||||||
|
) {}
|
||||||
}
|
}
|
||||||
const loc = new Location(20, 40);
|
const loc = new Location(20, 40);
|
||||||
|
|
||||||
@ -636,16 +639,20 @@ abstract class Animal {
|
|||||||
console.log("Hello, " + this.getName());
|
console.log("Hello, " + this.getName());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
class Dog extends Animal { getName(): { ... } }
|
class Dog extends Animal {
|
||||||
|
getName(): { ... }
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
一个类可以被声明为不可实现,但可以在类型系统中被子类化。 class 成员也可以。
|
一个类可以被声明为不可实现,但可以在类型系统中被子类化。 class 成员也可以。
|
||||||
|
|
||||||
### 装饰器和属性
|
### 装饰器和属性
|
||||||
<!--rehype:wrap-class=col-span-2-->
|
|
||||||
|
|
||||||
```ts
|
```ts
|
||||||
import { Syncable, triggersSync, preferCache, required } from "mylib"
|
import {
|
||||||
|
Syncable, triggersSync, preferCache,
|
||||||
|
required
|
||||||
|
} from "mylib"
|
||||||
|
|
||||||
@Syncable
|
@Syncable
|
||||||
class User {
|
class User {
|
||||||
@ -653,7 +660,9 @@ class User {
|
|||||||
save() { ... }
|
save() { ... }
|
||||||
@preferCache(false)
|
@preferCache(false)
|
||||||
get displayName() { ... }
|
get displayName() { ... }
|
||||||
update(@required info: Partial<User>) { ... }
|
update(@required info: Partial<User>) {
|
||||||
|
//...
|
||||||
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -676,6 +685,21 @@ class MyClass {
|
|||||||
|
|
||||||
类可以声明索引签名,与其他对象类型的索引签名相同。
|
类可以声明索引签名,与其他对象类型的索引签名相同。
|
||||||
|
|
||||||
|
### 在 forwardRef 上面声明泛型
|
||||||
|
|
||||||
|
```ts
|
||||||
|
export const Wrapper = forwardRef(
|
||||||
|
<T extends object>
|
||||||
|
(
|
||||||
|
props: RootNodeProps<T>,
|
||||||
|
ref: React.LegacyRef<HTMLDivElement>
|
||||||
|
) => {
|
||||||
|
return (
|
||||||
|
<div ref={ref}></div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
实用程序类型
|
实用程序类型
|
||||||
----
|
----
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user