繼承
、封裝
、多型
等重要概念與實現。constructor()
定義好類別實體化的那一刻要做什麼樣的初始化設定。constructor() 也可以有一個很專業的名詞 : 建立者函數。
new
將物件實體化。剛開始學習 JavaScript 時,常常會出現這什麼鬼 Moment
,new
這個關鍵字也不例外。
getter
函式作為取得參數的唯一管道 。setter
函式作為更改參數的唯一管道 。getter
, setter
的意義,筆者在這邊將 name
資料成員設為私用變數。私用變數 (Private) 不能在宣告它的類別的外部訪問,所以不能繼承,也無法直接訪問。
console.log(a.Name);
改成 console.log(a.name);
試試看。name
是私用的,只有 Animal
類別有資格存取它。注意 !a.Name
是成員函數,a.name
則是類別名稱,可別搞混囉 !
static
,就代表我們宣告了一個靜態方法。class
實例化就能直接使用。Animal
類別中的靜態方法:a
實體中的靜態方法:public
以外,在 TypeScript 中還有 private
以及 protected
可以使用。say()
取得資料成員 birthday
這樣的行為就是內部存取。Cat
類別的宣告區塊中是沒有 sayHi
這項成員函數的。a.sayHi()
之所以能正常工作,是因為 Cat
類別繼承了 Animal
類別的 sayHi()
成員函數唷!a.birthday
,來看看會發生什麼事吧!Cat
類別實例化後再訪問 a
實體的資料成員。為什麼會出錯呢?
birthday
是受保護的,代表它並不能被實例化存取。如果讀者到這邊還不熟悉這幾項特性,可以透過嘗試修改範例程式碼親身體驗 :public
,protected
,private
的差異唷 !
有些文章的內容非常完善,如果有些部分筆者沒有更好的方法詮釋,便會以其他文章作為參考。
筆者在本篇參考了它的範例程式碼,並以此作為基礎修改。
同樣的事情在不同人眼中可能會有不同的見解、看法。在讀完本篇以後,筆者也強烈建議大家去看看以下文章,或許會對型別、變數宣告...等觀念有更深層的看法唷!