TypeScript 的 interface

在TypeScript(TS)中,interface 是一个非常核心的概念,用于定义类型结构。它帮助开发者为对象、函数参数或者返回值等设定一种结构化的类型规范。接口允许你定义一个蓝图,描述一个对象应该具有的形状(属性和方法)。这有助于提升代码的可读性、可维护性,并且在编译时期就能捕获类型错误。

基本用法

// 定义一个接口
interface Person {
  firstName: string;
  lastName: string;
  age?: number; // 使用问号表示该属性是可选的
}

// 创建一个符合Person接口的对象
const person: Person = {
  firstName: "John",
  lastName: "Doe",
  age: 30, // 可以有age属性
};

// 或者
const personWithoutAge: Person = {
  firstName: "Jane",
  lastName: "Doe", // 不包含age也是合法的,因为它是可选的
};

函数类型接口

你还可以使用接口来定义函数的类型,包括函数参数和返回值的类型。

interface GreetingFunction {
  (name: string): string;
}

const sayHello: GreetingFunction = (name) => {
  return `Hello, ${name}!`;
};

继承接口

接口之间可以相互继承,这意味着一个接口可以继承另一个接口的属性和方法,从而实现接口的复用。

interface Animal {
  name: string;
  makeSound(): void;
}

interface Dog extends Animal {
  breed: string;
}

const myDog: Dog = {
  name: "Rex",
  breed: "German Shepherd",
  makeSound() {
    console.log("Woof!");
  },
};

索引签名

接口还可以具有索引签名,用于描述可以通过索引访问的元素类型,通常用于数组或对象字面量。

interface StringArray {
  [index: number]: string; // 指定索引对应的值必须是字符串类型
}

const myArray: StringArray = ["apple", "banana", "cherry"];

总结

interface 在 TypeScript 中是非常强大的工具,它帮助你构建复杂的数据模型,确保类型安全,使得代码更加健壮。通过组合、继承和索引签名等功能,接口能够灵活地适应各种复杂的类型定义需求。

相关推荐

  1. TypeScript interface

    2024-05-03 23:22:03       31 阅读
  2. TypeScript接口(interface )详解

    2024-05-03 23:22:03       58 阅读
  3. TypeScriptinterface与 type区别

    2024-05-03 23:22:03       49 阅读
  4. TypeScriptinterface和type差别是什么?

    2024-05-03 23:22:03       42 阅读
  5. GPT每日面试题-Typescript中type和interface区别

    2024-05-03 23:22:03       35 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-03 23:22:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-03 23:22:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-05-03 23:22:03       82 阅读
  4. Python语言-面向对象

    2024-05-03 23:22:03       91 阅读

热门阅读

  1. Qt :浅谈在大型项目中使用信号管理器

    2024-05-03 23:22:03       37 阅读
  2. Python的主要应用领域

    2024-05-03 23:22:03       27 阅读
  3. windows qt sdk 安装

    2024-05-03 23:22:03       40 阅读
  4. 数据结构---查找法

    2024-05-03 23:22:03       34 阅读
  5. Vue表单项赋值后无法输入问题解决

    2024-05-03 23:22:03       27 阅读
  6. Arrays

    2024-05-03 23:22:03       34 阅读
  7. Linux 内核 delayacct 原理分析

    2024-05-03 23:22:03       33 阅读
  8. 《人大金仓数据库》未来发展的展望

    2024-05-03 23:22:03       28 阅读
  9. 笨蛋学C++【C++基础第九弹】

    2024-05-03 23:22:03       29 阅读
  10. Kafka如何将消息发送到指定分区

    2024-05-03 23:22:03       37 阅读
  11. 学习,工作与生活,怎么平衡?

    2024-05-03 23:22:03       31 阅读
  12. JRE与JDK:内在关联与核心区别探析

    2024-05-03 23:22:03       34 阅读