初学者的打字稿，第3部分：接口

本教程继续我们的打字稿初学者系列，基于对打字稿功能，安装和IDE建议的先前介绍。第二个教程涵盖的打字稿数据类型及其预防误差的好处。

该部分专注于接口。我们将探讨界面（如x和Point （ width ））以及Cuboid （ length和height的延伸Point ）如何有助于定义对象结构。 Cuboid示例演示了所有属性的指定值并使用函数来计算音量。

至关重要的是要注意，接口是特定于打字稿的功能，在JavaScript中不存在。编译TypeScript代码在以下JavaScript等效中会导致：

功能体积子（Cuboid）{
    令体积= cuboid.length * cuboid.width * cuboid.height;
    console.log（`卷：$ {卷}`）;
}

令cuboid = {x：-22，y：28，宽度：12，长度：32，高度：20};

体积蛋白酶（Cuboid）;
//卷：7680

该教程还涉及相交类型，将它们与接口扩展进行了对比。我们研究了如何使用现有类型创建RoundedRectangle ，突出了合并多个接口声明（允许）和重新亮相类型（导致错误）之间的差异。

关键要点：

本教程为打字稿界面提供了基础，强调了它们在编写强大代码中的作用。您已经学会了创建具有可选和仅阅读属性的接口，并利用索引签名来添加超出初始接口定义的动态属性。要深入了解，请参阅官方的打字稿文档。

下一个教程将深入介绍打字稿类。

以上是初学者的打字稿，第3部分：接口的详细内容。更多信息请关注PHP中文网其他相关文章！