前言
為大家分享js中最常見最詳細(xì)的繼承方式,接下來將一下面的幾個(gè)維度進(jìn)行展示說明
文章有點(diǎn)長(zhǎng),請(qǐng)耐心閱讀😁,有什么錯(cuò)誤理解的地方希望留言指出來
繼承方式
原型鏈繼承
相信小伙伴們都知道到原型鏈繼承(ECMAScript 中描述了原型鏈的概念,并將原型鏈作為實(shí)現(xiàn)繼承的主要方法),因?yàn)樵玩溊^承非常的強(qiáng)大,但是也有它的缺點(diǎn),接下來咱們就按照上面的維度看看原型鏈繼承到底是什么鬼
代碼實(shí)現(xiàn):(需要兩個(gè)構(gòu)造函數(shù)來完成一個(gè)原型鏈繼承)
// SuperType 構(gòu)造函數(shù)稱為超類 function SuperType (){ this.name='super'; this.friend=[]; this.property = true; } SuperType.prototype.getName=function(){ return this.name; } SuperType.prototype.getSuperValue = function(){ return this.property; }; // SubType 構(gòu)造函數(shù)稱為子類 function SubType(name,age){ this.name=name; this.age=age; this.subproperty = false; } SubType.prototype=new SuperType(); SubType.prototype.constrcutor=SubType; SubType.prototype.getAge=function(){ return this.age; } SubType.prototype.getSubValue = function (){ return this.subproperty; }; var child = new SubType('shiny',12); console.log(child.getName)//shiny console.log(child.getAge())//12
網(wǎng)站名稱:史上最為詳細(xì)的javascript繼承(推薦)-創(chuàng)新互聯(lián)
URL鏈接:http://chinadenli.net/article0/cdgeio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、微信公眾號(hào)、Google、全網(wǎng)營(yíng)銷推廣、網(wǎng)站內(nèi)鏈、網(wǎng)站營(yíng)銷
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容