說道這個繼承，了解object-oriented的朋友都知道，大多oo語言都有兩種，一種是接口繼承（只繼承方法簽名）；一種是實現(xiàn)繼承（繼承實際的方法）

為佛坪等地區(qū)用戶提供了全套網頁設計制作服務，及佛坪網站建設行業(yè)解決方案。主營業(yè)務為網站建設、成都網站制作、佛坪網站設計，以傳統(tǒng)方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

奈何js中沒有簽名，因而只有實現(xiàn)繼承，而且靠的是原型鏈實現(xiàn)的。下面正式的說一說js中繼承那點事兒

1、原型鏈

原型鏈：實現(xiàn)繼承的主要方法，利用原型讓一個引用類型繼承另一個引用類型的屬性和方法。

回顧：構造函數(shù)，原型，實例三者的關系

每一個構造函數(shù)都有一個原型對象(Person.prototype)；原型對象都包含指向構造函數(shù)的指針(constructor)；每個實例都包含指向原型對象的指針(看不見的_proto_指針)

原型鏈是怎么來的呢？

某個構造函數(shù)的原型對象是另一個構造函數(shù)的實例；這個構造函數(shù)的原型對象就會有個(看不見的_proto_指針)指向另一個構造函數(shù)的原型對象；

那么另一個原型對象又是其他的構造函數(shù)實例又會怎么樣，就這樣層層遞進，形成原型鏈；來具體看一下吧

    //第一個構造函數(shù);有一個屬性和一個原型方法
    function SuperType(){
        this.property=true;
    } 
    
    SuperType.prototype.getSuperValue=function(){
        return this.property
    }


    //第二個構造函數(shù);目前有一個屬性
    function SubType(){
        this.subproperty=false
    }
    
    //繼承了SuperType;SubType原型成了SuperType的實例;實際就是重寫SubType的原型對象;給SuperType原型對象繼承了
    SubType.prototype=new SuperType()
    
    //現(xiàn)在這個構造函數(shù)有兩個屬性(一個本身的subproperty,一個繼承的存在原型對象的property);兩個方法(一個原型對象的getSubValue,一個原型對象的原型對象的getSuperValue)
    SubType.prototype.getSubValue=function(){
        return this.subproperty
    }
    
    var instance=new SubType()  //創(chuàng)建第二個構造函數(shù)的實例

    console.log(instance.getSuperValue())  //true 先查找instance這個實例有沒有此方法;顯然沒有，再查找SubType原型對象有沒有此方法;也沒有，再查找SubType原型對象的原型對象;顯然是存在的

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：徹底理解js面向對象之繼承-創(chuàng)新互聯(lián)
轉載注明：http://jinyejixie.com/article30/pijpo.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、全網營銷推廣、ChatGPT、云服務器、外貿網站建設、微信公眾號

廣告

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