iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
Modern Web

JavaScript 嗨起來用 JS 做動畫 ε= ᕕ( ᐛ )ᕗ系列 第 6

Day06 - 學習 Class

先前使用 function 作為建構類別的方法

var Game = function(){}
Game.prototype.myFun = function(){}

今天學習 class {}
Classes
説 class 是一種特殊的 function,可以簡化類別繼承(就相較上述用 function 作為建構類別來說有所簡化)

constructor 紀錄初始化該 class 的內容

class Food {
    constructor(name){
        this.name = name
    }
}

extends 讓子類別繼承父類別

class Noodle extends Food {
    show(){
        console.log(this.name)
    }
}

var f = new Noodle('燃麵')

若子類別有 constructor,要先使用 super()後,才能順利使用 this


今天先理解到這,如果理解有出入,希望能留言提點,感謝 ε= ᕕ( ᐛ )ᕗ


上一篇
Day05 - 讓輪子依隨機速度轉動並漸慢停下來
下一篇
Day07 - 小記 Array.concat 與 Array.from 儲存滑鼠位子
系列文
JavaScript 嗨起來用 JS 做動畫 ε= ᕕ( ᐛ )ᕗ17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言