JavaScript中的對象化編程

2024-05-06 14:18:33

字體：大中小

來源：轉載

供稿：網友

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

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

上一篇：JavaScipt基本教程之JavaScript語言的基礎

下一篇：在Javascript類中使用setTimeout第1/2頁