ES6--(9)JS的類

ES5 中的仿類結(jié)構(gòu)

? ? 在ES5以前js并不存在類的概念狈醉,與類相接近的寫(xiě)法是喝峦,創(chuàng)建一個(gè)構(gòu)造器,然后將方法指派到該構(gòu)造器的原型上剑梳。這種方式通常被稱為創(chuàng)建一個(gè)自定義類型唆貌。

類的聲明

基本的類聲明

????類聲明以 class 關(guān)鍵字開(kāi)始,其后是類的名稱垢乙;剩余部分的語(yǔ)法看起來(lái)就像對(duì)象字面量中的方法簡(jiǎn)寫(xiě)锨咙,并且在方法之間不需要使用逗號(hào)。

????自有屬性( Own properties ):該屬性出現(xiàn)在實(shí)例上而不是原型上侨赡,只能在類的構(gòu)造器或方法內(nèi)部進(jìn)行創(chuàng)建蓖租。在本例中粱侣, name 就是一個(gè)自有屬性羊壹。建議應(yīng)在構(gòu)造器函數(shù)內(nèi)創(chuàng)建所有可能出現(xiàn)的自有屬性,這樣在類中聲明變量就會(huì)被限制在單一位置(有助于代碼檢查)齐婴。

為何要使用類的語(yǔ)法

????盡管類與自定義類型之間有相似性油猫,但仍然要記住一些重要的區(qū)別:

????????1. 類聲明不會(huì)被提升,這與函數(shù)定義不同柠偶。類聲明的行為與 let 相似情妖,因此在程序的執(zhí)行到達(dá)聲明處之前,類會(huì)存在于暫時(shí)性死區(qū)內(nèi)诱担。

????????2. 類聲明中的所有代碼會(huì)自動(dòng)運(yùn)行在嚴(yán)格模式下毡证,并且也無(wú)法退出嚴(yán)格模式。

????????3. 類的所有方法都是不可枚舉的蔫仙,這是對(duì)于自定義類型的顯著變化料睛,后者必須用Object.defineProperty() 才能將方法改變?yōu)椴豢擅杜e。

????????4. 類的所有方法內(nèi)部都沒(méi)有 [[Construct]] ,因此使用 new 來(lái)調(diào)用它們會(huì)拋出錯(cuò)誤恤煞。

????????5. 調(diào)用類構(gòu)造器時(shí)不使用 new 屎勘,會(huì)拋出錯(cuò)誤。

????????6. 試圖在類的方法內(nèi)部重寫(xiě)類名居扒,會(huì)拋出錯(cuò)誤概漱。

類表達(dá)式

基本的類表達(dá)式??

? ? 類聲明和類表達(dá)式都不會(huì)被提升,所以使用類表達(dá)式還是類聲明只是代碼風(fēng)格的不同喜喂。

具名類表達(dá)式

? ? 在下例具名表達(dá)式中瓤摧,PersonClass2相當(dāng)于在類的內(nèi)部使用const來(lái)定義的類的一個(gè)不同的名稱。只在類的內(nèi)部使用玉吁。

作為一級(jí)公民的類

????在編程中姻灶,能被當(dāng)作值來(lái)使用的就稱為一級(jí)公民( first-class citizen ),意味著它能作為參數(shù)傳給函數(shù)诈茧、能作為函數(shù)返回值产喉、能用來(lái)給變量賦值。 JS的函數(shù)就是一級(jí)公民(它們有時(shí)又被稱為一級(jí)函數(shù))敢会。ES6 延續(xù)了傳統(tǒng)曾沈,讓類同樣成為一級(jí)公民。所以類可以以很多方式被引用鸥昏。比如塞俱,作為參數(shù)傳入函數(shù);立即調(diào)用構(gòu)造函數(shù)吏垮;

訪問(wèn)器屬性

????自有屬性需要在類構(gòu)造器中創(chuàng)建障涯,而類還允許你在原型上定義訪問(wèn)器屬性。為了創(chuàng)建一個(gè)getter 膳汪,要使用 get 關(guān)鍵字唯蝶;創(chuàng)建 setter 用相同方式,只是要換用 set 關(guān)鍵字遗嗽。

????Object.getOwnPropertyDescriptor 函數(shù) :獲取指定對(duì)象的自身屬性描述符粘我。自身屬性描述符是指直接在對(duì)象上定義(而非從對(duì)象的原型繼承)的描述符。

? ??Object.getOwnPropertyDescriptor(object, propertyname)? ? ?//(屬性對(duì)象痹换,屬性名稱)

需計(jì)算的成員名

? ??無(wú)須使用標(biāo)識(shí)符征字,而是用方括號(hào)來(lái)包裹一個(gè)表達(dá)式。

生成器方法

? ? 在類中娇豫,可以將任意的方法變成一個(gè)生成器匙姜。也可以使用 Symbol.iterator 來(lái)定義生成器方法,從而定義出類的默認(rèn)迭代器冯痢。

1? 2? 3

靜態(tài)成員

? ? 在ES5之前氮昧,通常在構(gòu)造器上添加額外的方法來(lái)模擬靜態(tài)成員或详。ES6中可以直接使用static 來(lái)為類添加靜態(tài)成員。

ES5
ES6

使用派生類進(jìn)行繼承

ES5
ES6

????如果派生類指定了構(gòu)造器郭计,就需要使用 super() 霸琴,否則會(huì)造成錯(cuò)誤。若你選擇不使用構(gòu)造器昭伸, super() 方法會(huì)被自動(dòng)調(diào)用梧乘,并會(huì)使用創(chuàng)建新實(shí)例時(shí)提供的所有參數(shù)。

? ? 使用 super() 時(shí)需牢記以下幾點(diǎn):

????????1. 你只能在派生類中使用 super() 庐杨。若嘗試在非派生的類(即:沒(méi)有使用 extends關(guān)鍵字的類)或函數(shù)中使用它选调,就會(huì)拋出錯(cuò)誤。

????????2. 在構(gòu)造器中灵份,你必須在訪問(wèn) this 之前調(diào)用 super() 仁堪。由于 super() 負(fù)責(zé)初始化this ,因此試圖先訪問(wèn) this 自然就會(huì)造成錯(cuò)誤填渠。

????????3. 唯一能避免調(diào)用 super() 的辦法弦聂,是從類構(gòu)造器中返回一個(gè)對(duì)象。


屏蔽類方法:派生類中的方法總是會(huì)屏蔽基類的同名方法氛什。

繼承靜態(tài)成員:如果基類包含靜態(tài)成員莺葫,那么這些靜態(tài)成員在派生類中也是可用的。

從表達(dá)式中派生類

????ES6 可以從表達(dá)式中派生類枪眉,只要表達(dá)式能夠返回一個(gè)具有 [[Construct]] 屬性以及原型的函數(shù)捺檬,就可以使用extends。extends 后面能接受任意類型的表達(dá)式贸铜。(比如堡纬,可以動(dòng)態(tài)的決定需要集成的類)

繼承內(nèi)置對(duì)象

????在 ES5 的傳統(tǒng)繼承中, this 的值會(huì)先被派生類(例如 MyArray )創(chuàng)建蒿秦,隨后基類構(gòu)造器(例如 Array.apply() 方法)才被調(diào)用烤镐。這意味著 this 一開(kāi)始就是 MyArray 的實(shí)例,之后才使用了 Array 的附加屬性對(duì)其進(jìn)行了裝飾渤早。

????在 ES6 基于類的繼承中职车, this 的值會(huì)先被基類( Array )創(chuàng)建,隨后才被派生類的構(gòu)造器( MyArray )所修改鹊杖。結(jié)果是 this 初始就擁有作為基類的內(nèi)置對(duì)象的所有功能,并能正確接收與之關(guān)聯(lián)的所有功能扛芽。

Symbol.species 屬性

????Symbol.species 知名符號(hào)被用于定義一個(gè)能返回函數(shù)的靜態(tài)訪問(wèn)器屬性骂蓖。每當(dāng)類實(shí)例的方法(構(gòu)造器除外)必須創(chuàng)建一個(gè)實(shí)例時(shí),前面返回的函數(shù)就被用為新實(shí)例的構(gòu)造器川尖。

????Array登下,ArrayBuffer ,Map,Promise被芳,RegExp缰贝,Set,類型化數(shù)組畔濒。上述內(nèi)置類型都定義了?Symbol.species

在類構(gòu)造器中使用 new.targe

????可以使用 new.target 來(lái)創(chuàng)建一個(gè)抽象基類(一種不能被實(shí)例化的類)剩晴。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市侵状,隨后出現(xiàn)的幾起案子赞弥,更是在濱河造成了極大的恐慌,老刑警劉巖趣兄,帶你破解...
    沈念sama閱讀 212,383評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绽左,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡艇潭,警方通過(guò)查閱死者的電腦和手機(jī)拼窥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蹋凝,“玉大人闯团,你說(shuō)我怎么就攤上這事∠闪唬” “怎么了房交?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,852評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)伐割。 經(jīng)常有香客問(wèn)我候味,道長(zhǎng),這世上最難降的妖魔是什么隔心? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,621評(píng)論 1 284
  • 正文 為了忘掉前任白群,我火速辦了婚禮,結(jié)果婚禮上硬霍,老公的妹妹穿的比我還像新娘帜慢。我一直安慰自己,他們只是感情好唯卖,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布粱玲。 她就那樣靜靜地躺著,像睡著了一般拜轨。 火紅的嫁衣襯著肌膚如雪抽减。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,929評(píng)論 1 290
  • 那天橄碾,我揣著相機(jī)與錄音卵沉,去河邊找鬼颠锉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛史汗,可吹牛的內(nèi)容都是我干的琼掠。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼停撞,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼瓷蛙!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起怜森,我...
    開(kāi)封第一講書(shū)人閱讀 37,803評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤速挑,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后副硅,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體姥宝,經(jīng)...
    沈念sama閱讀 44,265評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評(píng)論 2 327
  • 正文 我和宋清朗相戀三年恐疲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了腊满。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,716評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡培己,死狀恐怖碳蛋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情省咨,我是刑警寧澤肃弟,帶...
    沈念sama閱讀 34,395評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站零蓉,受9級(jí)特大地震影響笤受,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜敌蜂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評(píng)論 3 316
  • 文/蒙蒙 一箩兽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧章喉,春花似錦汗贫、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,798評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至撞反,卻和暖如春锚烦,著一層夾襖步出監(jiān)牢的瞬間茄螃,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,027評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工顽爹, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人吮便。 一個(gè)月前我還...
    沈念sama閱讀 46,488評(píng)論 2 361
  • 正文 我出身青樓笔呀,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親髓需。 傳聞我的和親對(duì)象是個(gè)殘疾皇子许师,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評(píng)論 2 350

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

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)僚匆,斷路器微渠,智...
    卡卡羅2017閱讀 134,637評(píng)論 18 139
  • 第3章 基本概念 3.1 語(yǔ)法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡(jiǎn)單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,106評(píng)論 0 21
  • { "Unterminated string literal.": "未終止的字符串文本。", "Identifi...
    Elbert_Z閱讀 10,808評(píng)論 0 2
  • 在這個(gè)世界上,每個(gè)人都是孤獨(dú)的個(gè)體松申。只是孤獨(dú)的方式與時(shí)空不同而已云芦。 孤獨(dú)并不是空虛、寂寞贸桶、無(wú)所事事舅逸。孤獨(dú)的妙處在于...
    薩麗莎閱讀 890評(píng)論 2 3
  • 本次作業(yè)要求用PDO模板實(shí)現(xiàn)IMode中的四個(gè)方法,并且用參數(shù)綁定的方法防止sql注入皇筛。
    王小邪_afdd閱讀 320評(píng)論 0 0