初學者的打字稿，第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中文網其他相關文章！