這篇文章主要講解了“JavaScript面向?qū)ο笕齻€基本特征是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JavaScript面向?qū)ο笕齻€基本特征是什么”吧！

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比江海網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式江海網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋江海地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

封裝

在說封裝之先了解一下封裝到底是什么？

什么是封裝

封裝：將對象運(yùn)行所需的資源封裝在程序?qū)ο笾?amp;mdash;—基本上，是方法和數(shù)據(jù)。對象是“公布其接口”。其他附加到這些接口上的對象不需要關(guān)心對象實(shí)現(xiàn)的方法即可使用這個對象。這個概念就是“不要告訴我你是怎么做的，只要做就可以了?！睂ο罂梢钥醋魇且粋€自我包含的原子。對象接口包括了公共的方法和初始化數(shù)據(jù)。（節(jié)選自百度百科）

我對于封裝的理解，可能還有一個步驟就是抽離，首先你要清楚在一個對代碼中你應(yīng)該抽離那些屬性方法，有了這些為基礎(chǔ)才能更好的做好封裝。

封裝無非就是其屬性和方法封裝。

1. 類：封裝對象的屬性和行為

2. 方法：封裝具體邏輯功能

3. 訪問封裝：訪問修飾封裝無非就是對其訪問權(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方法則是屬于實(shí)例的。

這里使用了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é)選自百度百科）

子類繼承父類后，子類具有父類屬性和方法，然而也同樣具備自己所獨(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ù)也相同時，但表現(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

因?yàn)镴avaScript是沒有重載的概念的所以要自己編寫邏輯完成重載。

在上面的代碼中定義了Employees,ObjEmployees,StringEmployees,NumberEmployees類,在實(shí)例化Employees的時候在constructor里面進(jìn)行了判斷，根據(jù)參數(shù)的不同返回不同的對應(yīng)的類。

感謝各位的閱讀，以上就是“JavaScript面向?qū)ο笕齻€基本特征是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對JavaScript面向?qū)ο笕齻€基本特征是什么這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

文章名稱：JavaScript面向?qū)ο笕齻€基本特征是什么
網(wǎng)站網(wǎng)址：http://jinyejixie.com/article22/jjgdjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、微信小程序、網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化、微信公眾號、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)