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

前言

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

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

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

繼承方式

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

原型鏈繼承
相信小伙伴們都知道到原型鏈繼承(ECMAScript 中描述了原型鏈的概念,并將原型鏈作為實現(xiàn)繼承的主要方法),因為原型鏈繼承非常的強大,但是也有它的缺點,接下來咱們就按照上面的維度看看原型鏈繼承到底是什么鬼
代碼實現(xiàn):(需要兩個構造函數(shù)來完成一個原型鏈繼承)

 // SuperType 構造函數(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 構造函數(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)站名稱:史上最為詳細的javascript繼承(推薦)-創(chuàng)新互聯(lián)
URL鏈接:http://bm7419.com/article0/cdgeio.html

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

廣告

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

網(wǎng)站托管運營