您的位置:首頁> 實例代碼> JS實例

JavaScript對象冒充繼承

2019-6-16 16:09| 作者: admin| 查看: 2233| 評論: 0|來自: 螞蟻部落

作為一門面向對象的語言,繼承自然是必不可少的。

JavaScript實現繼承方式有多種,比如可以使用原型方式或者call()方式。

具體參閱JavaScript prototype原型JavaScript call()一章節。

下面介紹一下如何用對象冒充方式實現繼承效果。

代碼實例如下:

[JavaScript] 純文本查看 復制代碼运行代码
function ClassA(name) { 
  this.webName=name; 
  this.showName=function() { 
    console.log(this.webName); 
  } 
}
function ClassB(name,target){ 
  this.newMethod=ClassA; 
  this.newMethod(name); 
  delete this.newMethod; 
}
var obj=new ClassB("螞蟻部落","分享互助");
obj.showName();

上面的代碼實現了繼承效果,下面對代碼做一下注釋。

代碼注釋:

(1).function ClassA(name){},此函數將會被ClassB繼承。

(2).function ClassB(name,target){},被用作構造函數,創建一個實例對象。

(3). this.newMethod=ClassA,將函數ClassA賦值給屬性newMethod。

(4).this.newMethod(name),執行函數newMethod,對函數ClassA中的屬性賦值,完成繼承。

(5).delete this.newMethod,刪除此屬性,其實刪不刪除都無所謂,要看具體的需要。

建議參閱JavaScript new運算符一章節,有助于理解。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
浙江6十1开奖号码查询r