首頁 > web前端 > js教程 > JavaScript中的物件化程式設計

JavaScript中的物件化程式設計

高洛峰
發布: 2016-11-25 11:36:29
原創
1113 人瀏覽過

關於物件化程式設計的語句 現在我們有實力學習以下關於物件化編程,但其實屬於上一章的內容了。

with 語句 為一個或一組語句指定預設物件。

用法:
with () ;
with 語句通常用來縮短特定情形下必須寫的程式碼量。在下面的例子中,請注意Math 的重複使用:
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10);
y = Math.tan(14 * Math.E);
當使用with 語句時,程式碼變得更短且更易讀:
with (Math) {
  x = cos(3 * PI) + sin(LN10);
  y = tan(14 * E);
}

  y = tan(14 * E);

}

  y = tan(14 * E);
}
this 物件傳回「目前」物件。在不同的地方,this 代表不同的物件。如果在JavaScript 的「主程式」中(不在任何function 中,不在任何事件處理程序中)使用this,它就代表window 物件;如果在with 語句區塊中使用this,它就代表with 所指定的物件;如果在事件處理程序中使用this,它就代表發生事件的物件。

一個常用的this 用法:
<script></script>

...

function check(formObj) {
  ...
}
...



...

...

...


...

這個用法常用於立刻檢測表單輸入的有效性。

自訂建構子 我們已經知道,Array(),Image()等建構子能讓我們建構一個變數。其實我們自己也可以寫自己的建構子。自訂建構函數也是用 function。在 function 裡邊用 this 定義屬性。
function [()] {
  ...  this. = ;

  ...
}
然後,用new 建構子關鍵字建構變數:
var = new [()];
建構變數以後,成為一個對象,它有它自己的屬性-用this 在function 裡設定的屬性。

以下是一個從網路上找到的蒐集瀏覽器詳細資料的自訂建構子的例子:
function Is() {
  var agent = navigator.userAgent.toLowerCase();
  this.major = parseIntsion(navigator. );  //主版號碼
  this.minor = parseFloat(navigator.appVersion);//全版號碼
  this.ns = ((agent.indexOf(mozilla)!=-1) && (O . spoofer)==-1) && //是否Netscape
              (agent.indexOf(compatible) == -1)));
  this.ns2 = (this.ns &&== (this.maor );
  this.ns2 = (this.ns &&== (this。是否Netscape 2
  this.ns3 = (this.ns && (this.major == 3));    //是否Netscape 3
  this.ns4b = (this.ns && (this.minor   this.ns4 = (this.ns && (this.major >= 4));    //是否Netscape 4 高版本
  this.ie = (agent.indexOf("msie") != -1) ;      //是否IE
  this.ie3 = (this.ie && (this.major == 2));    //是否IE 3

  this.ie4 = (this.ie && (this.major >= 4)); //是否IE 4

  this.op3 = (agent.indexOf("opera") != -1);    //是否Opera 3
  this.win = (agent.indexOf("win")!=-1); //是否Windows 版本

  this.mac = (agent.indexOf("mac")!=-1);        //是否為Macintosh 版本

  this.unix = (agent.indexOf("x11")!=-1); //是否Unix 版本
}

var is = new Is();
這個建構子非常完整的蒐集了瀏覽器的資訊。我們看到它為物件定義了許多屬性:major, minor, ns, ie, win, mac 等等。它們的意思請參見上面的註釋。把 is 變數定義為 Is() 物件後,用 if (is.ns) 這種格式就可以很方便的知道瀏覽器的資訊了。我們也可以從這個建構函式中看到,它也可以使用一般的 JavaScript 語句(上例為 var 語句)。

讓我們再看一個使用參數的建構子:
function myFriend(theName, gender, theAge, birthOn, theJob) {

  this.name = theName;🎜  this.isMale = (gender.toLowerCase == male); this.age = theAge;🎜  this.birthday = new Date(birthOn);🎜  this.job = theJob🎜}🎜

var Stephen = new myFriend(Stephen, Male, 18, Dec 22, 1982, Student);
從這個構造函數我們不但看到了參數的用法,還看到了不同的屬性用不同的數據型是可以的(上例五個屬性分別為:字串,布林值,數字,日期,字串),也看到了建構子裡也可以用建構子來「建構」屬性。如果用了足夠的「保護措施」來避免無限循環,更可以用建構子本身來建構自己的屬性。


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板