ts 拾遗
ts

ts 拾遗

声明函数类型 在 TypeScript 中,你可以使用类型注解来声明一个函数的类型。以下是声明一个函数为某个类型的几种常见方式: 使用类型注解声明函数的参数和返回值类型: 使用类型别名声明函数类...

更新于 2023-08-01
880

声明函数类型

在 TypeScript 中,你可以使用类型注解来声明一个函数的类型。以下是声明一个函数为某个类型的几种常见方式:

  1. 使用类型注解声明函数的参数和返回值类型:
typescript
function add(a: number, b: number): number {
return a + b;
}
  1. 使用类型别名声明函数类型:
typescript
type AddFunction = (a: number, b: number) => number;
const add: AddFunction = (a, b) => {
return a + b;
};
  1. 使用接口声明函数类型:
typescript
interface AddFunction {
(a: number, b: number): number;
}
const add: AddFunction = (a, b) => {
return a + b;
};
  1. 使用泛型声明函数类型:
typescript
function identity<T>(arg: T): T {
return arg;
}

这些方法可以根据你的需求选择使用,根据函数的复杂性和上下文来决定使用哪种方式声明函数类型。

Omit 多个属性

在 TypeScript 中,你可以使用 "Omit" 工具类型来从一个类型中排除指定的属性。"Omit" 类型接受两个参数:第一个参数是要从中排除属性的类型,第二个参数是要排除的属性名称。

下面是一个示例:

typescript
type Person = {
name: string;
age: number;
address: string;
};
type PersonWithoutAgeAndAddress = Omit<Person, 'age' | 'address'>;
// 使用示例
const person: PersonWithoutAgeAndAddress = {
name: 'John Doe'
};

Omit 工具类型创建了一个名为 PersonWithoutAgeAndAddress 的新类型,它排除了 ageaddress 属性。

提取 React 组件 Props 类型

React.ComponentProps