javascript–類式繼承

來源:互聯網
上載者:User
//類式繼承的方法用extedn封裝起來    function extend(subs,sups){        //將子類的原型對象改變成 父類的執行個體對象,這樣能過原型鏈原理,子類的執行個體對象,就可以找到父類所有公有方法        subs.prototype = new sups();        //子類的constructor屬性指向子類的建構函式        subs.prototype.constructor = subs;         //子類的supperClass屬性指向父親的原型對象        subs.supperClass = sups.prototype;        /*如果父類的原型對象改變成自己建立的一個對象,那麼父類的constructor就不會指向父類建構函式了,        *那麼Reader.supperClass.constructor.call(this,name)這一句就不會執行父類的建構函式,就不能實現繼承父類的name屬性,        *所以這裡需要做一個判斷        */        if(sups.prototype.constructor == Object.prototype.constructor)         //將父類的constructor屬性指向父類的建構函式        sups.prototype.constructor = sups;      }    //父類    function Person(name){        this.name = name;        }        //父類的公有方法    Person.prototype.getName = {        getName:function(){            return this.name;            }    }        //子類    function Reader(like,name){        /*===Person.call(this,name)====原本應該這樣寫,但為了不讓父類名出現在子類的        *函數中,也就是要解耦合,所以用了下面這個方法,級子類添加了一個supperClass屬性,然後在        */        Reader.supperClass.constructor.call(this,name);        this.like = like;    }        /*執行繼承,只有在這個執行之後,才能向子類的原型對象中添加子類的公有方法。不然先在子類的原型對象上添加的公有方法,回因為extend(Reader,Person);    這個執行而被複蓋(複蓋用的不準確,但也不知道其它詞了)掉*/    extend(Reader,Person);        //子類的公有方法    Reader.prototype.getLike = function(){        return this.like;        }        //執行個體化子類    var reader01 = new Reader('books','zj');    console.log(reader01.getLike());    console.log(reader01.getName());

 

我理解的‘類式繼承’的關鍵:

1.在子類的建構函式中 調用父類的構構函數(要用call方法將這次的調用範圍指向執行個體化的對象),這樣子類在執行個體化對象的時候,就可以在該對象中添加父類的屬性

 

2.將子類的原型對象prototype改變成父類的執行個體化對象,這樣子類的執行個體化對象,就可以通過原型鏈關係,去繼承父類中公有方法了

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.