iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 19
0
自我挑戰組

草頭黃小姐的 30 天 JavaScript 自學小本本系列 第 19

Day 19 物件導向程式設計 part 2

  • 分享至 

  • xImage
  •  

上回我們有提到雞蛋糕烤盤的例子來稍微解釋函式建構式,現在我們直接開 JS BIN 來寫看看:

function Pokemo(name, skill){
 this name = name;
}

這裡的 this 指得是 Pokemo 的 function,我在 function 裡面設定了 name的屬性。

function Pokemo(name, skill){
 this.name = name;
 this.skill= skill;
}

我們可以稱以上為 函式建構式,做完這之後,我們就可以把這個東西想成烤盤。

接著我們就來寫

var Pikachu = new Pokemo('皮卡丘','十萬伏特')

如果我們用console.log(Pikachu,skill);
最後就會印出如下:

那烤盤的概念就是如果我再丟一個東西進去烤盤,就會生成新的東西,第一個 function 其實就是烤盤概念,我丟皮卡丘進去,也就是 new 一個皮卡丘出來,想知道他的 skill,所以 console.log 就會印出十萬伏特。

那如果我在 new 一個傑尼龜進去這個烤盤:

var Pikachu = new Pokemo('皮卡丘','十萬伏特')
var turtle = new Pokemo('傑尼龜,水槍')

我們只要 console.log(turtle,skill) 就會印出 水槍


上一篇
Day 18 物件導向程式設計之二三事
下一篇
Day 20 物件導向程式設計 part 3
系列文
草頭黃小姐的 30 天 JavaScript 自學小本本30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言