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