【TypeScript接口简介以及使用方法】

TypeScript 接口(Interfaces)是一种定义对象形状的方式,它只定义对象的类型,但不包含实现。接口在 TypeScript 中被用来定义对象的结构,以确保对象具有某些特定的属性和方法。

接口简介

  • 定义对象形状:接口可以定义对象的属性、方法以及这些属性和方法的类型。
  • 类型检查:使用接口可以确保对象符合特定的形状,从而提供类型安全性。
  • 扩展性:接口可以继承其他接口,从而扩展或修改对象的形状。
  • 可选属性:接口中的属性可以是可选的,即对象可能不包含该属性。
  • 只读属性:接口中的属性可以定义为只读,即只能在对象创建时设置该属性的值,之后不能修改。

使用方法

  1. 定义接口

使用 interface 关键字定义接口。

interface Person {
  name: string;
  age: number;
  greet(): void;
}
  1. 实现接口

在 TypeScript 中,接口不需要显式实现。但是,当一个类声称自己实现了某个接口时,它必须确保自己的属性、方法与接口中的定义相匹配。

class Employee implements Person {
  name: string;
  age: number;
  
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  
  greet(): void {
    console.log(`Hello, my name is ${this.name}.`);
  }
}
  1. 使用接口

可以使用接口作为类型注解来约束变量的类型。

let john: Person = new Employee('John Doe', 30);
john.greet(); // 输出: Hello, my name is John Doe.
  1. 可选属性和只读属性
interface Person {
  readonly id: number; // 只读属性
  name?: string; // 可选属性
}

let person: Person = {
  id: 1,
  name: 'Alice' // 如果不需要 name 属性,可以省略
};

// person.id = 2; // 错误:id 是只读属性,不能修改
  1. 接口继承

一个接口可以继承另一个或多个接口,从而扩展或修改对象的形状。

interface Animal {
  eat(): void;
}

interface Dog extends Animal {
  bark(): void;
}

class MyDog implements Dog {
  eat(): void {
    console.log('Dog eats.');
  }
  
  bark(): void {
    console.log('Woof!');
  }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

加仑小铁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值