基础的TS

如何在TS中声明函数类型

在 TypeScript 中,可以使用函数类型来声明函数。函数类型由两部分组成:输入类型和输出类型。 例如:

type AddFunc = (a: number, b: number) => number;

// 使用函数类型
const add: AddFunc = (a, b) => a + b;

// 使用函数
console.log(add(1, 2));   // 输出 3

在上面的例子中,我们首先用 type 关键字声明了一个函数类型 AddFunc 。它接受两个参数 ab ,类型均为 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 作者:前端代码王

(0)
上一篇 2023年5月6日 上午10:58
下一篇 2023年5月6日 上午11:08

相关推荐

发表回复

登录后才能评论