您好,登錄后才能下訂單哦!
這篇文章主要講解了“JavaScript面向?qū)ο笕齻€基本特征是什么”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“JavaScript面向?qū)ο笕齻€基本特征是什么”吧!
在說封裝之先了解一下封裝到底是什么?
什么是封裝
封裝:將對象運行所需的資源封裝在程序?qū)ο笾?amp;mdash;—基本上,是方法和數(shù)據(jù)。對象是“公布其接口”。其他附加到這些接口上的對象不需要關(guān)心對象實現(xiàn)的方法即可使用這個對象。這個概念就是“不要告訴我你是怎么做的,只要做就可以了?!睂ο罂梢钥醋魇且粋€自我包含的原子。對象接口包括了公共的方法和初始化數(shù)據(jù)。(節(jié)選自百度百科)
我對于封裝的理解,可能還有一個步驟就是抽離
,首先你要清楚在一個對代碼中你應(yīng)該抽離那些屬性方法,有了這些為基礎(chǔ)才能更好的做好封裝。
封裝無非就是其屬性和方法封裝。
類:封裝對象的屬性和行為
方法:封裝具體邏輯功能
訪問封裝:訪問修飾封裝無非就是對其訪問權(quán)限進(jìn)行封裝
class Employees { constructor(name,age){ this.name = name; this.age = age; } getInfo(){ let {name,age} = this; return {name,age}; } static seyHi(){ console.log("Hi"); } } let lisi = new Employees("Aaron",18); lisi.seyHi(); // lisi.seyHi is not a function lisi.getInfo(); // {name: "Aaron", age: 18} Employees.seyHi(); // Hi
在Employees
中抽出的公共屬性有name
,age
,公共方法有getInfo
,seyHi
,然而getInfo
與seyHi
所不同的是seyHi
使用了static
修飾符,改變其為靜態(tài)方法,seyHi
只屬于Employees
這個類。然而getInfo
方法則是屬于實例的。
這里使用了static
對seyHi
方法對其進(jìn)行了訪問權(quán)限的封裝。
再舉一個例子。
Promise.then() // Promise.then is not a function let p1 = new Promise(() => {}) p1.then(); // Promise {<pending>} Promise.all([1]); // Promise {<resolved>: Array(1)}
從上面的代碼中可以看出Promise
也使用了static
對其方法的訪問權(quán)限進(jìn)行了封裝。
繼承:說到繼承并不太陌生,繼承可以使得子類具有父類的各種的公有屬性
和公有方法
。而不需要再次編寫相同的代碼。在令子類別繼承父類別的同時,可以重新定義某些屬性,并重寫某些方法,即覆蓋父類別的原有屬性和方法,使其獲得與父類別不同的功能。(節(jié)選自百度百科)
子類繼承父類后,子類具有父類屬性和方法,然而也同樣具備自己所獨有的屬性和方法,也就是說,子類的功能要比父類多或相同,不會比父類少。
class Employees { constructor(name){ this.name = name; } getName(){ console.log(this.name) } static seyHi(){ console.log("Hi"); } } class Java extends Employees{ constructor(name){ super(name); } work(){ console.log("做后臺工作"); } } let java = new Java("Aaron"); java.getName(); java.work(); // java.seyHi(); // java.seyHi is not a function
從上面的例子可以看出繼承不會繼承父類的靜態(tài)方法,只會繼承父類的公有屬性與方法。這一點需要注意。
子類繼承之后既擁有了getName
方法,同樣也擁有自己的worker
方法。
多態(tài):按字面的意思就是“多種狀態(tài)”,允許將子類類型的指針賦值給父類類型的指針。(節(jié)選自百度百科)
說白了多態(tài)就是相同的事物,調(diào)用其相同的方法,參數(shù)也相同時,但表現(xiàn)的行為卻不同。多態(tài)分為兩種,一種是行為多態(tài)與對象的多態(tài)。
多態(tài)的表現(xiàn)形式重寫與重載。
什么是重寫
重寫:子類可繼承父類中的方法,而不需要重新編寫相同的方法。但有時子類并不想原封不動地繼承父類的方法,而是想作一定的修改,這就需要采用方法的重寫。方法重寫又稱方法覆蓋。(節(jié)選自百度百科)
class Employees { constructor(name){ this.name = name; } seyHello(){ console.log("Hello") } getName(){ console.log(this.name); } } class Java extends Employees{ constructor(name){ super(name); } seyHello(){ console.log(`Hello,我的名字是${this.name},我是做Java工作的。`) } } const employees = new Employees("Aaron"); const java = new Java("Leo"); employees.seyHello(); // Hello java.seyHello(); // Hello,我的名字是Leo,我是做Java工作的。 employees.getName(); // Aaron java.getName(); // Leo
通過上面的代碼可以看出Java
繼承了Employees
,然而子類與父類中都存在seyHello
方法,為了滿足不同的需求子類繼承父類之后重寫了seyHello
方法。所以在調(diào)用的時候會得到不同的結(jié)果。既然子類繼承了父類,子類也同樣擁有父類的getName
方法。
什么是重載
重載就是函數(shù)或者方法有相同的名稱,但是參數(shù)列表不相同的情形,這樣的同名不同參數(shù)的函數(shù)或者方法之間,互相稱之為重載函數(shù)或者方法。(節(jié)選自百度百科)
class Employees { constructor(arg){ let obj = null; switch(typeof arg) { case "string": obj = new StringEmployees(arg); break; case "object": obj = new ObjEmployees(ObjEmployees); break; case "number": obj = new NumberEmployees(ObjEmployees); break; } return obj; } } class ObjEmployees { constructor(arg){ console.log("ObjEmployees") } } class StringEmployees { constructor(arg){ console.log("StringEmployees") } } class NumberEmployees { constructor(arg){ console.log("NumberEmployees") } } new Employees({}) // ObjEmployees new Employees("123456") // StringEmployees new Employees(987654) // NumberEmployees
因為JavaScript是沒有重載的概念的所以要自己編寫邏輯完成重載。
在上面的代碼中定義了Employees
,ObjEmployees
,StringEmployees
,NumberEmployees
類,在實例化Employees
的時候在constructor
里面進(jìn)行了判斷,根據(jù)參數(shù)的不同返回不同的對應(yīng)的類。
感謝各位的閱讀,以上就是“JavaScript面向?qū)ο笕齻€基本特征是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對JavaScript面向?qū)ο笕齻€基本特征是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。