史上最為詳細(xì)的javascript繼承(推薦)-創(chuàng)新互聯(lián)

前言

成都創(chuàng)新互聯(lián)公司成立與2013年,先為余姚等服務(wù)建站,余姚等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為余姚企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

為大家分享js中最常見最詳細(xì)的繼承方式,接下來將一下面的幾個(gè)維度進(jìn)行展示說明
文章有點(diǎn)長,請耐心閱讀😁,有什么錯(cuò)誤理解的地方希望留言指出來

  1. 產(chǎn)生原因
  2. 代碼實(shí)現(xiàn)
  3. 基本原理
  4. 語言實(shí)現(xiàn)
  5. 場景優(yōu)點(diǎn)
  6. 缺點(diǎn)

繼承方式

  1. 原型鏈繼承
  2. 借用構(gòu)造函數(shù)模式繼承
  3. 組合繼承
  4. 原型式繼承
  5. 寄生式繼承
  6. 寄生組合

原型鏈繼承
相信小伙伴們都知道到原型鏈繼承(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://muchs.cn/article0/cdgeio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、微信公眾號(hào)Google、全網(wǎng)營銷推廣、網(wǎng)站內(nèi)鏈網(wǎng)站營銷

廣告

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

網(wǎng)站托管運(yùn)營