如何在TS中声明函数类型
在 TypeScript 中,可以使用函数类型来声明函数。函数类型由两部分组成:输入类型和输出类型。 例如:
type AddFunc = (a: number, b: number) => number;
// 使用函数类型
const add: AddFunc = (a, b) => a + b;
// 使用函数
console.log(add(1, 2)); // 输出 3
在上面的例子中,我们首先用 type
关键字声明了一个函数类型 AddFunc
。它接受两个参数 a
和 b
,类型均为 number
,并返回一个 number
类型的结果。 然后,我们定义了一个函数 add
,该函数接受两个参数并返回它们的和。我们使用 AddFunc
类型来指定函数的类型,以确保该函数符合类型的规范。 最后,我们使用 add
函数,传入两个参数并输出结果。
如何在TS中声明对象类型
在 TypeScript 中,可以使用接口(interfaces)或类型别名(type aliases)来声明对象类型。以下是两种方法的示例: 1. 使用接口声明对象类型
interface Person {
name: string;
age: number;
email: string;
}
const person: Person = {
name: "John Smith",
age: 30,
email: "john@example.com",
};
在上面的示例中,我们声明了一个 Person
接口来定义一个人的对象类型。接着,我们使用这个接口来声明一个 person
对象,该对象符合该接口的规范。 2. 使用类型别名声明对象类型
type Person = {
name: string;
age: number;
email: string;
};
const person: Person = {
name: "John Smith",
age: 30,
email: "john@example.com",
};
在上面的示例中,我们使用 type
关键字声明一个类型别名 Person
来定义一个人的对象类型。我们使用这个类型别名来声明一个 person
对象,该对象符合该类型别名的规范。 接口和类型别名都可以用于声明对象类型,但还有一些微小的差异。一般来说,如果您需要添加额外的属性或方法,则应该使用接口。如果您只需要定义一个简单的类型别名,则可以使用类型别名。
原文链接:https://juejin.cn/post/7229643614820220985 作者:前端代码王