建站
咨詢
售后
建站咨詢
新聞中心
了解過面向?qū)ο蟮耐瑢W(xué)應(yīng)該都知道，面向?qū)ο笕齻€(gè)基本特征是：封裝、繼承、多態(tài)，但是對于這三個(gè)詞具體可能不太了解。對于前端來講接觸最多的可能就是封裝與繼承，對于多態(tài)來說可能就不是那么了解了。
創(chuàng)新互聯(lián)建站是一家專注于成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),鹽邊網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鹽邊等地區(qū)。鹽邊做網(wǎng)站價(jià)格咨詢:18980820575
封裝
在說封裝之先了解一下封裝到底是什么？
什么是封裝
封裝：將對象運(yùn)行所需的資源封裝在程序?qū)ο笾小旧?，是方法和?shù)據(jù)。對象是“公布其接口”。其他附加到這些接口上的對象不需要關(guān)心對象實(shí)現(xiàn)的方法即可使用這個(gè)對象。這個(gè)概念就是“不要告訴我你是怎么做的，只要做就可以了。”對象可以看作是一個(gè)自我包含的原子。對象接口包括了公共的方法和初始化數(shù)據(jù)。（節(jié)選自百度百科）
我對于封裝的理解，可能還有一個(gè)步驟就是抽離，首先你要清楚在一個(gè)對代碼中你應(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這個(gè)類。然而getInfo方法則是屬于實(shí)例的。
這里使用了static對seyHi方法對其進(jìn)行了訪問權(quán)限的封裝。
再舉一個(gè)例子。
- Promise.then() // Promise.then is not a function
- let p1 = new Promise(() => {})
- p1.then(); // Promise {
} - Promise.all([1]); // Promise {
: Array(1)}
從上面的代碼中可以看出Promise也使用了static對其方法的訪問權(quán)限進(jìn)行了封裝。
繼承
繼承：說到繼承并不太陌生，繼承可以使得子類具有父類的各種的公有屬性和公有方法。而不需要再次編寫相同的代碼。在令子類別繼承父類別的同時(shí)，可以重新定義某些屬性，并重寫某些方法，即覆蓋父類別的原有屬性和方法，使其獲得與父類別不同的功能。（節(jié)選自百度百科）
子類繼承父類后，子類具有父類屬性和方法，然而也同樣具備自己所獨(dú)有的屬性和方法，也就是說，子類的功能要比父類多或相同，不會比父類少。
- 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)方法，只會繼承父類的公有屬性與方法。這一點(diǎn)需要注意。
子類繼承之后既擁有了getName方法，同樣也擁有自己的worker方法。
多態(tài)
多態(tài)：按字面的意思就是“多種狀態(tài)”，允許將子類類型的指針賦值給父類類型的指針。（節(jié)選自百度百科）
說白了多態(tài)就是相同的事物，調(diào)用其相同的方法，參數(shù)也相同時(shí)，但表現(xiàn)的行為卻不同。多態(tài)分為兩種，一種是行為多態(tài)與對象的多態(tài)。
多態(tài)的表現(xiàn)形式重寫與重載。
什么是重寫
重寫：子類可繼承父類中的方法，而不需要重新編寫相同的方法。但有時(shí)子類并不想原封不動地繼承父類的方法，而是想作一定的修改，這就需要采用方法的重寫。方法重寫又稱方法覆蓋。（節(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)用的時(shí)候會得到不同的結(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
因?yàn)镴avaScript是沒有重載的概念的所以要自己編寫邏輯完成重載。
在上面的代碼中定義了Employees,ObjEmployees,StringEmployees,NumberEmployees類,在實(shí)例化Employees的時(shí)候在constructor里面進(jìn)行了判斷，根據(jù)參數(shù)的不同返回不同的對應(yīng)的類。
這樣完成了一個(gè)簡單的類重載。
總結(jié)
- 封裝可以隱藏實(shí)現(xiàn)細(xì)節(jié)，使得代碼模塊化；
- 繼承可以擴(kuò)展已存在的代碼模塊（類），它們的目的都是為了——代碼重用。
- 多態(tài)就是相同的事物，調(diào)用其相同的方法，參數(shù)也相同時(shí)，但表現(xiàn)的行為卻不同。多態(tài)分為兩種，一種是行為多態(tài)與對象的多態(tài)。
在編程的是多多運(yùn)用這個(gè)寫思想對其編程時(shí)很有用的，能夠使你的代碼達(dá)到高復(fù)用以及可維護(hù)。
文章標(biāo)題：面向?qū)ο笾齻€(gè)基本特征（JavaScript）
文章起源：http://m.5511xx.com/article/dpiidhc.html
