ES6(8)瑰剃、新版的類

1齿诉、什么是類

類是擁有相同屬性的對象,用于創(chuàng)建對象的模板培他。

2鹃两、如何實現(xiàn)類
1、ES6之前:

(1)舀凛、實現(xiàn)簡單的類:例1

function Dog(name){   //定義Dog是一種類,名字大寫
  this.name = name   //可以在對象內(nèi)定義自有屬性
  this.legsNumber = 4
}
Dog.prototype.kind = '狗'   //可以定義公有屬性是kind
Dog.prototype.say = function(){  //可以定義公有屬性say方法
  console.log(`我是${this.name}途蒋,我有${this.legsNumber}條腿猛遍。`)
}

const d1 = new Dog('旺財') // Dog 函數(shù)就是一個類
d1.say()  //打印出:我是旺財,我有4條腿号坡。

(2)懊烤、實現(xiàn)類的繼承:例2

function Animal(legsNumber){   //父類Animal
  this.legsNumber = legsNumber  //父類的自有屬性
}
Animal.prototype.kind = '動物'   //父類的公有屬性

function Dog(name){   //子類繼承父類方法和自有屬性
  this.name = name
  Animal.call(this, 4) // 關(guān)鍵代碼1
  }
Dog.prototype.__proto__ = Animal.prototype // 關(guān)鍵代碼2,但這句代碼被禁用了宽堆,怎么辦

Dog.prototype.kind = '狗'
Dog.prototype.say = function(){
  console.log(`我是${this.name}腌紧,我有${this.legsNumber}條腿。`)
}

const d1 = new Dog('旺財') // Dog 函數(shù)就是一個類
console.dir(d1)

上述子類實現(xiàn)父類繼承是關(guān)鍵代碼1和關(guān)鍵代碼2兩處

Dog.prototype.__proto__ = Animal.prototype // 一般不推薦這樣寫

如果這句代碼不被推薦或者被禁用了畜隶,可以寫成下面的:

var f = function(){ }
f.prototype = Animal.prototype
Dog.prototype = new f()
2壁肋、ES6:更加規(guī)范化去定義一個類。

語法:

class xxx {   //首先先寫class代表這是一個類對象,xxx是表示一個類的名字(大寫)
  constructor(a) {  //constructor構(gòu)造函數(shù)籽慢,可以進(jìn)行傳參浸遗,里面主要是定義類的自有屬性
     ...
  }
  yyy(){   //yyy表示xxx類的公有屬性的方法
    ...
  }
}
const d1 = new xxx('')  //

(1)、將上述例1改成ES6用class生成的類:

class Dog {
  kind = '狗' // 等價于在 constructor 里寫 this.kind = '狗'
  constructor(name) {
    this.name = name
    this.legsNumber = 4
  }
  say(){
    console.log(`汪汪汪~ 我是${this.name}箱亿,我有${this.legsNumber}條腿跛锌。`)
  }
}
const d1 = new Dog('旺財')
d1.say() 

(2)、將上述例2改成ES6用class生成的類:

class Animal{
  constructor(legsNumber){
    this.legsNumber = legsNumber
  }
}

class Dog extends Animal{   //在子類中使用extends關(guān)鍵字届惋,代表Dog繼承Animal
  constructor(name) {
    super(4)   //使用關(guān)鍵字super()代表使用父類方法和屬性
    this.name = name
  }
  say(){
    console.log(`汪汪汪~ 我是${this.name}髓帽,我有${this.legsNumber}條腿。`)
  }
}

const d1 = new Dog('旺財') // Dog 函數(shù)就是一個類
console.dir(d1)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末脑豹,一起剝皮案震驚了整個濱河市郑藏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌晨缴,老刑警劉巖译秦,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡筑悴,警方通過查閱死者的電腦和手機们拙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阁吝,“玉大人砚婆,你說我怎么就攤上這事⊥挥拢” “怎么了装盯?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長甲馋。 經(jīng)常有香客問我埂奈,道長,這世上最難降的妖魔是什么定躏? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任账磺,我火速辦了婚禮,結(jié)果婚禮上痊远,老公的妹妹穿的比我還像新娘垮抗。我一直安慰自己,他們只是感情好碧聪,可當(dāng)我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布冒版。 她就那樣靜靜地躺著,像睡著了一般逞姿。 火紅的嫁衣襯著肌膚如雪辞嗡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天哼凯,我揣著相機與錄音欲间,去河邊找鬼。 笑死断部,一個胖子當(dāng)著我的面吹牛猎贴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蝴光,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼她渴,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蔑祟?” 一聲冷哼從身側(cè)響起趁耗,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎疆虚,沒想到半個月后苛败,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體满葛,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年罢屈,在試婚紗的時候發(fā)現(xiàn)自己被綠了嘀韧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡缠捌,死狀恐怖锄贷,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情曼月,我是刑警寧澤谊却,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站哑芹,受9級特大地震影響炎辨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜聪姿,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一蹦魔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧咳燕,春花似錦、人聲如沸乒躺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嘉冒。三九已至曹货,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間讳推,已是汗流浹背顶籽。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留银觅,地道東北人礼饱。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像究驴,于是被迫代替她去往敵國和親镊绪。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容