es6解讀4: 類

類的基本定義和生成實(shí)例:class

class Parent{
    constructor(name='leilei'){
        this.name=name;
    }
}
let v_parent=new Parent('ymy');
console.log(v_parent.name) //ymy

類的繼承 :extends

class Parent{
    constructor(name='leilei'){
        this.name=name;
    }
}
class Child extends Parent{
    //繼承:子類怎么在自己的構(gòu)造函數(shù)中傳遞參數(shù)
    constructor(name='child'){
        super(name);//如果不傳參滑凉,子類使用的是父類默認(rèn)的參數(shù);super一定放在構(gòu)造函數(shù)的第一行鬼雀;
        this.type='child';
    }
}
console.dir(new Child('hello'))  //Child類 ==> name='hello',type='child'

類中的getter 和 setter

  • 分別用來(lái)設(shè)置屬性和獲取屬性
class Parent{
  constructor(name='leilei'){
      this.name=name;
  }
  get longName(){
      return 'ymy '+this.name;
  }
  set longName(value){
      this.name=value;
  }
}
// 創(chuàng)建實(shí)例
let p1=new Parent();
console.log(p1.longName) //獲取屬性 ymy leilei
p1.longName='tangtang'; //設(shè)置屬性
console.log(p1.longName) //獲取屬性 ymy tangtang

給類中添加靜態(tài)方法 static

  • 注意:static屬性只能用來(lái)設(shè)置類的靜態(tài)方法抛丽,不能用來(lái)設(shè)置類的靜態(tài)屬性
  • 類的靜態(tài)屬性只能通過(guò): 類.key=value;來(lái)設(shè)置
  • 類的靜態(tài)方法手趣,只有類能使用拜轨,實(shí)例不能使用印颤,實(shí)例只能使用原型上的屬性和方法事甜;
class Parent{
  constructor(name='leilei'){
      this.name=name;
  }
  //設(shè)置靜態(tài)方法
  static tell(){
      console.log('tell');
  }
}
Parent.sex='gril';  //設(shè)置類的靜態(tài)屬性
Parent.tell() //調(diào)用類的靜態(tài)方法馒疹; tell

類的 prototype 屬性和proto屬性

大多數(shù)瀏覽器的 ES5 實(shí)現(xiàn)之中佳簸,每一個(gè)對(duì)象都有__proto__屬性,指向?qū)?yīng)的構(gòu)造函數(shù)的prototype屬性
行冰。Class 作為構(gòu)造函數(shù)的語(yǔ)法糖溺蕉,同時(shí)有prototype屬性和__proto__屬性,因此同時(shí)存在兩條繼承鏈悼做。

(1)子類的__proto__屬性疯特,表示構(gòu)造函數(shù)的繼承,總是指向父類肛走。

(2)子類prototype屬性的__proto__屬性漓雅,表示方法的繼承,總是指向父類的prototype屬性朽色。
class A {
}

class B {
}

// B 的實(shí)例繼承 A 的實(shí)例
Object.setPrototypeOf(B.prototype, A.prototype);
// 等同于
B.prototype.__proto__ = A.prototype;

// B 的實(shí)例繼承 A 的靜態(tài)屬性
Object.setPrototypeOf(B, A);
// 等同于
B.__proto__ = A;

const b = new B();
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末邻吞,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子葫男,更是在濱河造成了極大的恐慌抱冷,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,919評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件梢褐,死亡現(xiàn)場(chǎng)離奇詭異旺遮,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)盈咳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門耿眉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人鱼响,你說(shuō)我怎么就攤上這事鸣剪。” “怎么了丈积?”我有些...
    開封第一講書人閱讀 163,316評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵筐骇,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我桶癣,道長(zhǎng)拥褂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,294評(píng)論 1 292
  • 正文 為了忘掉前任牙寞,我火速辦了婚禮饺鹃,結(jié)果婚禮上莫秆,老公的妹妹穿的比我還像新娘。我一直安慰自己悔详,他們只是感情好镊屎,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,318評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著茄螃,像睡著了一般缝驳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上归苍,一...
    開封第一講書人閱讀 51,245評(píng)論 1 299
  • 那天用狱,我揣著相機(jī)與錄音,去河邊找鬼拼弃。 笑死夏伊,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的吻氧。 我是一名探鬼主播溺忧,決...
    沈念sama閱讀 40,120評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼盯孙!你這毒婦竟也來(lái)了鲁森?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,964評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤振惰,失蹤者是張志新(化名)和其女友劉穎歌溉,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體骑晶,經(jīng)...
    沈念sama閱讀 45,376評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡研底,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,592評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了透罢。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,764評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡冠蒋,死狀恐怖羽圃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情抖剿,我是刑警寧澤朽寞,帶...
    沈念sama閱讀 35,460評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站斩郎,受9級(jí)特大地震影響脑融,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜缩宜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,070評(píng)論 3 327
  • 文/蒙蒙 一肘迎、第九天 我趴在偏房一處隱蔽的房頂上張望甥温。 院中可真熱鬧,春花似錦妓布、人聲如沸姻蚓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,697評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)狰挡。三九已至,卻和暖如春释涛,著一層夾襖步出監(jiān)牢的瞬間加叁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,846評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工唇撬, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留它匕,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,819評(píng)論 2 370
  • 正文 我出身青樓局荚,卻偏偏與公主長(zhǎng)得像超凳,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子耀态,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,665評(píng)論 2 354

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