javaScript面向?qū)ο蟮?個(gè)基本特征是什么-創(chuàng)新互聯(lián)

小編給大家分享一下javaScript面向?qū)ο蟮?個(gè)基本特征是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司2013年開(kāi)創(chuàng)至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元延吉做網(wǎng)站,已為上家服務(wù),為延吉各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

了解過(guò)面向?qū)ο蟮耐瑢W(xué)應(yīng)該都知道，面向?qū)ο笕齻€(gè)基本特征是：封裝、繼承、多態(tài)，但是對(duì)于這三個(gè)詞具體可能不太了解。對(duì)于前端來(lái)講接觸最多的可能就是封裝與繼承，對(duì)于多態(tài)來(lái)說(shuō)可能就不是那么了解了。

封裝

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

什么是封裝

封裝：將對(duì)象運(yùn)行所需的資源封裝在程序?qū)ο笾小旧?，是方法和?shù)據(jù)。對(duì)象是“公布其接口”。其他附加到這些接口上的對(duì)象不需要關(guān)心對(duì)象實(shí)現(xiàn)的方法即可使用這個(gè)對(duì)象。這個(gè)概念就是“不要告訴我你是怎么做的，只要做就可以了?！睂?duì)象可以看作是一個(gè)自我包含的原子。對(duì)象接口包括了公共的方法和初始化數(shù)據(jù)。（節(jié)選自百度百科）

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

封裝無(wú)非就是其屬性和方法封裝。

  1. 類：封裝對(duì)象的屬性和行為

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

  3. 訪問(wèn)封裝：訪問(wèn)修飾封裝無(wú)非就是對(duì)其訪問(wèn)權(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對(duì)seyHi方法對(duì)其進(jìn)行了訪問(wèn)權(quán)限的封裝。

再舉一個(gè)例子。

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對(duì)其方法的訪問(wèn)權(quán)限進(jìn)行了封裝。

繼承

繼承：說(shuō)到繼承并不太陌生，繼承可以使得子類具有父類的各種的公有屬性和公有方法。而不需要再次編寫相同的代碼。在令子類別繼承父類別的同時(shí)，可以重新定義某些屬性，并重寫某些方法，即覆蓋父類別的原有屬性和方法，使其獲得與父類別不同的功能。（節(jié)選自百度百科）

子類繼承父類后，子類具有父類屬性和方法，然而也同樣具備自己所獨(dú)有的屬性和方法，也就是說(shuō)，子類的功能要比父類多或相同，不會(huì)比父類少。

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("做后臺(tái)工作");
    }
}
let java = new Java("Aaron");
java.getName();
java.work();
// java.seyHi();    //  java.seyHi is not a function

從上面的例子可以看出繼承不會(huì)繼承父類的靜態(tài)方法，只會(huì)繼承父類的公有屬性與方法。這一點(diǎn)需要注意。

子類繼承之后既擁有了getName方法，同樣也擁有自己的worker方法。

多態(tài)

多態(tài)：按字面的意思就是“多種狀態(tài)”，允許將子類類型的指針賦值給父類類型的指針。（節(jié)選自百度百科）

說(shuō)白了多態(tài)就是相同的事物，調(diào)用其相同的方法，參數(shù)也相同時(shí)，但表現(xiàn)的行為卻不同。多態(tài)分為兩種，一種是行為多態(tài)與對(duì)象的多態(tài)。

多態(tài)的表現(xiàn)形式重寫與重載。

什么是重寫

重寫：子類可繼承父類中的方法，而不需要重新編寫相同的方法。但有時(shí)子類并不想原封不動(dòng)地繼承父類的方法，而是想作一定的修改，這就需要采用方法的重寫。方法重寫又稱方法覆蓋。（節(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

通過(guò)上面的代碼可以看出Java繼承了Employees,然而子類與父類中都存在seyHello方法，為了滿足不同的需求子類繼承父類之后重寫了seyHello方法。所以在調(diào)用的時(shí)候會(huì)得到不同的結(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是沒(méi)有重載的概念的所以要自己編寫邏輯完成重載。

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

這樣完成了一個(gè)簡(jiǎn)單的類重載。

總結(jié)

  1. 封裝可以隱藏實(shí)現(xiàn)細(xì)節(jié)，使得代碼模塊化；

  2. 繼承可以擴(kuò)展已存在的代碼模塊（類），它們的目的都是為了——代碼重用。

  3. 多態(tài)就是相同的事物，調(diào)用其相同的方法，參數(shù)也相同時(shí)，但表現(xiàn)的行為卻不同。多態(tài)分為兩種，一種是行為多態(tài)與對(duì)象的多態(tài)。

在編程的是多多運(yùn)用這個(gè)寫思想對(duì)其編程時(shí)很有用的，能夠使你的代碼達(dá)到高復(fù)用以及可維護(hù)。

看完了這篇文章，相信你對(duì)javaScript面向?qū)ο蟮?個(gè)基本特征是什么有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝各位的閱讀！

文章標(biāo)題：javaScript面向?qū)ο蟮?個(gè)基本特征是什么-創(chuàng)新互聯(lián)
URL地址：http://muchs.cn/article12/hspgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、企業(yè)網(wǎng)站制作、域名注冊(cè)、標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化、企業(yè)建站

廣告

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

小程序開(kāi)發(fā)