javascript物件導向相關程式碼例項

作為一門物件導向的語言，自然有物件導向的相關特徵，本章節不對物件導向的概念作介紹，只是分享幾段相關程式碼，需要的朋友可以參考一下，更多的內容可以自行查詢資料或者在本站搜尋，也可以留言探討。

一.關於javascript類:

在javascript中，函式可以作為javascript中類使用，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(name,target){
  this.webName=name;
  this.target=target;
}
var antzone=new Antzone("螞蟻部落","分享互助");
console.log(antzone.webName);

上面的函式就是用作c#等語言的class類的功效，通過new運算子可以對其進行實力化。

二.javascript繼承相關:

實現繼承的方式有多種，下面分享一下比較常用的實現繼承的程式碼。

使用prototype原型實現繼承方式:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(name,target){
  this.webName=name;
  this.target=target;
}
function Web(domain){
  this.domain=domain;
}
var web=new Web("softwhy.com");
Antzone.prototype.doaminName=web;
var antzone=new Antzone("螞蟻部落","分享互助");
console.log(antzone.doaminName.domain);

關於prototype可以參閱javascript prototype 原型一章節。

使用call()或者apply()方式實現繼承:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(name,target){
  this.webName=name;
  this.target=target;
}
function Web(domain){
  this.domain=domain;
  console.log(this.target);
}
var antzone=new Antzone("螞蟻部落","分享互助");
Web.call(antzone,"softwhy");

從上面的程式碼可以看出Web繼承了Antzone的成員。

三.靜態成員:

所謂的靜態成員是和例項成員相對應的，也就是類直接可以使用，而無需進行實力化。

程式碼如下:

四.釋放物件:

物件如果不需要了，最好就將其釋放，以節省資源，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(name,target){
  this.webName=name;
  this.target=target;
}
var antzone=new Antzone("螞蟻部落","分享互助");
var obj=antzone;
antzone=null;

上面的程式碼很多人認為是將物件清空了，上面的程式碼只是將變數antzone清空，如果真的要將物件情況，就需要將該物件的所有引用都清空才可以。