TypeScript物件導向-介面使用方式 發佈日期: 2022-09-212022-09-19 作者: yijun 文、意如老師 參考目錄:第1篇:網頁工程師必學-TypeScript初探篇第2篇:JavaScript的型別在TypeScript中應用(一)認識原始資料型別第3篇:JavaScript的型別在TypeScript中應用(二)認識物件型別第4篇:TypeScript物件導向-類別(Class)的使用方式第5篇:TypeScript物件導向-介面(Interface)的使用方式 認識什麼是介面(Interface)? Interface通常被稱作介面或是接口,它主要在與類別(Class)間約定行為,描述有哪些方法與屬性,但不包含怎麼執行。 在 TypeScript中主要使用介面(Interfaces)來定義物件的型別。複習一下在TypeScript宣告變數時需要限定型別例如:var age: number = 18;此時age就被number型別限定了,放進age的值就只能是number數字型別。 使用介面設定型別 變數中如使用介面此時屬性與型別需要跟介面要求的ㄧ致。 需要彈性規則可以設定可選屬性加上問號(?) 如需要設定彈性一點,讓屬性不用完全一樣時,那就可以使用可選屬性 (?)用法如下: 類別與介面 通常來說一個類別只能繼承另一個類別,但在不同類別之間仍有一些共同的特性,這時候就可以使用介面(Interface)的規則,使用 implements來實作,提高了物件導向的靈活性。 介面繼承介面 繼承介面後,除了介面Interface自身的規則外也要符合被繼承的介面規則,範例如下: 當介面遇到重複名稱時 重複名稱的interface 會自動被合併(merge),範例如下: 唯獨屬性-readonly 如果將屬性設定為唯讀readonly,代表只能在建立時賦予它值,無法後續再更新值。 結論 比起在類別中直接指定參數,不如使用Interface來幫我們規範方法與屬性,讓工程師們可以更安心使用也讓後續程式更加容易維護。 加入菜鳥救星官方Line並回覆「我想看文章」,不定期獲得更多知識吧! 不同頻道,不同知識! Facebook Instagram Youtube 分享此文:分享到 Twitter(在新視窗中開啟)按一下以分享至 Facebook(在新視窗中開啟)按一下以分享到 Telegram(在新視窗中開啟)按一下即可以電子郵件傳送連結給朋友(在新視窗中開啟)請按讚:喜歡 正在載入... 相關