本文共 876 字，大约阅读时间需要 2 分钟。

TypeScript 接口详解

可选属性的支持

TypeScript 接口支持可选属性的定义，这意味着某些属性可以存在也可以不存在，不影响整体接口的兼容性。例如：

interface Person {
    name: string;
    age?: number;
}

在这种定义中，age 属性可以存在（如 age: 26）或不存在（如上述注释中的示例）。

只读属性的定义

通过使用 readonly 关键字，可以将接口中的属性定义为只读。例如：

interface Person2 {
    readonly id: number;
    name: string;
    age?: number;
}

这样定义后，tom.id = 11 这样的赋值操作将被 TypeScript 拦截，报错提示只读属性不可变。

数组类型接口的应用

TypeScript 接口也支持定义数组类型。例如：

interface NumberArray {
    [index: number]: number;
}

可以用于描述可索引的对象，例如：

let fib: NumberArray = [1, 2, 3, 4, 5];

这样，fib[0] 会返回 1，fib[1] 返回 2，依此类推。

接口的实际应用场景

在实际项目中，接口常用于定义类的公共属性和方法，使得代码更加灵活且易于维护。例如：

interface Person3 {
    name: string;
    readonly age: number;
    [propName: string]: any;
}
let tom: Person3 = {
    name: "jianan",
    age: 26
};

这里，tom 既可以作为 Person3 的实例使用，也可以扩展其他属性（如 address: string），但不能修改 age 或添加新属性到接口中。

通过合理使用 TypeScript 接口，可以有效地约束代码行为，提升代码质量和可维护性。

转载地址：http://ncoa.baihongyu.com/