TypeScript 是一种静态类型检查的编程语言，它可以在开发阶段检测出代码中的类型错误，降低开发过程中的错误率。而 TypeScript 中的 interface 是一个非常重要的概念，它可以用来定义对象的结构和类型。
interface 的基本用法
接口可以用来描述一个对象的结构和类型，通过 interface 定义的一个对象可以在代码的任何位置使用，而不必声明类型。下面是一个简单的示例：
-- -------------------- ---- ------- --------- ---- - ----- ------- ---- ------- - ----- ----- ---- - - ----- ----- ---- --- --
在这个示例中，我们定义了一个 User 接口，它包含 name 和 age 两个字段，接着我们声明了一个包含这两个字段的对象 user，类型为 User。这样，在代码中使用 user.name 或者 user.age 的时候，TypeScript 就能够根据 User 接口检查代码的正确性。
interface 的可选属性和只读属性
interface 还支持可选属性和只读属性。可选属性表示该属性是可选的，可以存在也可以不存在，写法类似于 JavaScript 对象的可选属性：
-- -------------------- ---- ------- --------- ---- - ----- ------- ----- ------- - ----- ------ ---- - - ----- ----- -- ----- ------ ---- - - ----- ----- ---- --- --
只读属性表示该属性只能在对象创建时被赋值，并且不能修改：
-- -------------------- ---- ------- --------- ----- - -------- -- ------- -------- -- ------- - ----- ------ ----- - - -- -- -- -- -- ------- - -- -- -----
interface 的索引类型
在 TypeScript 中，可以使用索引类型来描述包含动态属性的对象。下面是一个使用索引类型定义一个可索引对象的示例：
interface Dictionary {
[key: string]: number;
}
const dict: Dictionary = {
a: 1,
b: 2,
};在这个示例中，我们定义了一个 Dictionary 接口，它的键名为 string，键值为 number。这意味着在 dict 对象中，我们可以使用任意的字符串作为键名，并且对应的值必须为 number 类型。
interface 的继承
与类一样，接口也可以继承另一个接口，从而扩展对应的属性和方法。下面是一个使用接口继承的示例：
-- -------------------- ---- ------- --------- ----- - ------ ------- - --------- ------ ------- ----- - ----------- ------- - ----- ------- ------ - - ------ ------ ----------- --- --
在这个示例中，我们定义了 Shape 接口和 Square 接口，Square 接口继承了 Shape 接口的 color 属性，并加入了 sideLength 属性。
总结
interface 是 TypeScript 中非常重要的概念，它可以用来描述对象的结构和类型，并且支持可选属性、只读属性、索引类型和继承等特性。使用 interface 可以使代码更加清晰和易于维护，可以提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645ed844968c7c53b0108326