DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript入門教程(12):對象化編程
JavaScript入門教程(12):對象化編程
編輯:關於JavaScript     

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

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);
}

this 對象 返回“當前”對象。在不同的地方,this 代表不同的對象。如果在 JavaScript 的“主程序”中(不在任何 function 中,不在任何事件處理程序中)使用 this,它就代表 window 對象;如果在 with 語句塊中使用 this,它就代表 with 所指定的對象;如果在事件處理程序中使用 this,它就代表發生事件的對象。

一個常用的 this 用法: <script>
...
function check(formObj) {
  ...
}
...
</script>

<body ...>
...
<form ...>
...
<input type="text" ... onchange="check(this.form)">
...
</form>
...
</body>

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

自定義構造函數 我們已經知道,Array(),Image()等構造函數能讓我們構造一個變量。其實我們自己也可以寫自己的構造函數。自定義構造函數也是用 function。在 function 裡邊用 this 來定義屬性。 function <構造函數名> [(<參數>)] {
  ...
  this.<屬性名> = <初始值>;
  ...
}

然後,用 new 構造函數關鍵字來構造變量: var <變量名> = new <構造函數名>[(<參數>)];
構造變量以後,<變量名>成為一個對象,它有它自己的屬性——用 this 在 function 裡設定的屬性。

以下是一個從網上找到的搜集浏覽器詳細資料的自定義構造函數的例子: function Is() {
  var agent = navigator.userAgent.toLowerCase();
  this.major = parseInt(navigator.appVersion);  //主版本號
  this.minor = parseFloat(navigator.appVersion);//全版本號
  this.ns = ((agent.indexOf('mozilla')!=-1) &&
             ((agent.indexOf('spoofer')==-1) && //是否 Netscape
              (agent.indexOf('compatible') == -1)));
  this.ns2 = (this.ns && (this.major == 3));    //是否 Netscape 2
  this.ns3 = (this.ns && (this.major == 3));    //是否 Netscape 3
  this.ns4b = (this.ns && (this.minor < 4.04)); //是否 Netscape 4 低版本
  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
 &n

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved