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)迭代器冯痢。
靜態(tài)成員
? ? 在ES5之前氮昧,通常在構(gòu)造器上添加額外的方法來(lái)模擬靜態(tài)成員或详。ES6中可以直接使用static 來(lái)為類添加靜態(tài)成員。
使用派生類進(jìn)行繼承
????如果派生類指定了構(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í)例化的類)剩晴。