-
現在你們已學習到有關
Javascript的基礎知識
-
我要教你們一個很酷的方式
來使用JavaScript
-
那就是"物件導向程式設計"
-
首先我們要理解一下
它為什麼很實用
-
所以我撰寫了一個程式
讓它變得更”物件導向”後
-
就會變得更好
-
這真是一個很酷的程式
-
在頂部我有兩個變數
裡面儲存了簡單的物件實體語法
-
物件實體語法是以前
我們所學到的其中一種物件
-
即是我們構建了兩個大括號
-
然後把這些屬性名稱
及數值全部放進去
-
因此我們有兩個物件實體語法變數
-
在這裡我們有這個函數
drawWinston，它需要一個引數
-
然後再繪畫出引數
-
並根據物件的 x及 y 屬性繪畫圖像
-
然後根據那個物件的暱稱
及年齡屬性添加字幕
-
最後在底部我們呼叫 drawWinston
-
到青少年及成人中
-
這會使它顯示出來
-
很贊哦。假如我們到這裡
看看這些物件實體語法
-
就會注意到它們的外觀其實真的很相似
-
都具有相同系列的屬性
且兩者也可以使用相同的
-
drawWinston函數
-
其實如果你們想像一下
他們真的都在描述
-
某類型的Winston，對不對?
-
我們可以這樣想 或者在世上
存在著這抽象類型的Winston
-
而每一 Winston 也具有
相同系列的屬性，如暱稱
-
年齡、x 與 y
-
我們剛在這裡完成的是
建立了兩個 Winston實例
-
來描述特定的 Winston
-
因此這是青少年Winston
而這是成人Winston
-
但是，他們兩者真的十分相似
-
且很多跟他們有關的事也相近
-
如果你們仔細想想世間上
也有很多不同的運作方式
-
我們有這些抽象數據類型
如人類及群眾
-
我們都只是特定的實例
-
擁有我們自己小小的屬性
-
現在我們實際上可以使用
物件導向技術 Javascript
-
使這些 Winston 變數成為
Winston 物件的正式實例
-
使他們知道正在共享這些共同的東西
-
要這樣做的話我們需要做的
第一件事就是實際地描述
-
這個抽象數據類型 Winston
因此我們要作出一個變數
-
你們要把數據類型儲存在變數
Winston 變數，而我們用大寫W
-
因為我們的物件類型
通常由大寫字母開始
-
我們把它設置為函數
-
而這個函數是一個特定函數
我們把它叫做 "建構子函數"
-
因為我們每一次要建立
全新的 Winston 實例時
-
這就是被呼叫的東西
-
當我們要建立青少年 Winston
就會呼叫這個函數
-
或要建立成年人 Winston
就會呼叫這個函數
-
這意味著這個函數要了解
任何需要知道的引數
-
以作出完整的 Winston
-
在這種情況下，它需要知道
暱稱、年齡、x 與 y
-
現在，當我們收到那些引數後
就需要做一些事情
-
我們需要把這些資料
實際地連接到 Winston 物件
-
因此我們要使用全新的特別關鍵字"this"
-
而"this"是指目前的物件實例
-
我們會說 this.nickname
而它會說”好吧”
-
而這個物件的暱稱屬性相等於
-
任何被傳到建構子函數的，好囉?
-
this.age 相等於傳入的年齡
-
而 this.x 相等於傳入的 x
-
而 this.y 相等於傳入的 y
-
現在我們有這個名為
Winston 的抽象數據類型
-
而它帶有建構子函數
我們可以使用它來建立全新的Winston
-
讓我們嘗試使用它吧!
-
我們要重新建立 WinstonTeen
-
但是這一次我們用WinstonTeen等於
-
這裡不用大括號 我們會說
"等於全新的 Winston"
-
我們會說 "我們正在嘗試
建立全新的 Winston 實例"
-
然後我們要傳入需要的資料
-
"Winsteen",15, 20, 50
好囉!
-
然後我們刪除舊資料
因為已不再需要它們了
-
好了吧? 現在我們建立了
全新的Winsteen
-
我們會說
winstonAdult = new Winston()
-
當然他的名字是"Mr. Winst-a-lot"
聽起來甜美可人的名字
-
他30歲，在 229 及50
好，然後我們就可以刪除
-
這個物件實體語法
很好! 我們的代碼仍然正常運作
-
我們在這裡所做的就是
我們說好吧 就有這個
-
Winston 抽象類型數據
-
而我們能建立全新的 Winston 實例
-
且擁有這些特定的屬性
-
我們把這些屬性儲存在內
-
而記憶是非常重要的
因些你們知道內裡
-
有這個
this.nickname, this.age
-
如果意外地丟失這個年齡
你們注意到它會說 "未定義"
-
因為在這裡 drawWinston 函數
-
期待著任何傳入的物件
都帶有年齡屬性
-
如果我們沒有 this.age
-
那麼它也沒有年齡屬性
我們傳入了建構子函數
-
但是並沒有用它做任何事情
-
我們必須使用 "this"關鍵字
實際地連接到物件
-
那我們就把它添加回去
-
現在你們會想代碼已正常運作
-
但是......我們只是完成了前面做過的事
-
但這裡是一件很酷的事
我們所有的 Winstons
-
經過相同的建構子函數
-
如果我們想要進行更新
我們是真的可以修改它們的
-
有關 Winston 的一些東西...
-
所有的 Winstons
就在這裡，可能是年齡
-
事實上我們想說 "歲數"
-
我們只須放在這裡
現在所有 Winstons 說
-
"15歲"、 "30歲" 對嗎?
-
因此他們只取用獨特的部分
-
他們也有共享的東西
-
而物件導向程式設計最棒的地方
-
就是在這世上有這類的物件
-
你們能夠實際地建立這些物件的實例
-
而還有跟他們相似的東西
-
例如他們擁有相同的屬性
-
且有不同的東西
-
例如這個屬性事實上跟其他的屬性
帶有不同的數值，對不對?
-
你們知道嘛，我們可以
使用相同的行為
-
像呼叫相同的函數
-
以類似的方式使用它們
-
這是一些有關物件導向
程式設計很棒的東西
-
而你們將會看到更多很棒的東西
-
敬請繼續收看
