javascript-對象化編程

在JavaScript中提供了幾個對象專用語句及運算子。

1.For...In 聲明，用於對數組或者對象的屬性進行迴圈操作。

for ... in 迴圈中的代碼每執行一次，就會對數組的元素或者對象的屬性進行一次操作。

雖然在JavaScript中數組是對象，但是沒有好的理由去使用 `for in` 迴圈遍曆數組。 相反，有一些好的理由不去使用 for in 遍曆數組。

http://www.cnblogs.com/sanshi/archive/2011/03/23/1993302.html

2.with語句，為一個或一組語句指定預設對象。
使用該語句的意思是：在該語句體內，任何對變數的引用被認為是這個對象的屬性和方法，以節省一些代碼。

with(object)

{

}
所有在with語句後的花括弧中的語句，都是在後面object對象的範圍的。

用法：
with (<對象>) <語句>;
with 語句通常用來縮短特定情形下必須寫的代碼量。

例如：
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);
}

3.this關鍵詞 返回“當前”對象。在不同的地方，this 代表不同的對象。如果在 JavaScript 的“主程式”中（不在任何 function 中，不在任何事件處理常式中）使用 this，它就代表 window 對象；如果在 with 語句塊中使用 this，它就代表 with 所指定的對象；如果在事件處理常式中使用 this，它就代表發生事件的對象。

4.自訂對象。 在 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
  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');

為自訂對象增加方法：

例：在university對象中增加一個方法，該方法是顯示它自己本身，並返回相應的字串。

function university(name,city,createDate,URL)

{

this.Name=Name;

this.city=city;

this.createDate=New Date(creatDate)；

this.URL=URL；

this.showuniversity=showuniversity;

}

其中this.showuniversity就是定義了一個方法－－－showuniversity()。

而showuniversity()方法是實現university對象本身的顯示。

function showuniversity()

{

for (var prop in this)

alert(prop+="+this[prop]+"");

}

其中alert是JavaScript中的內建函式，顯示其字串。

可以為一個空體對象動態增加屬性和方法。把函數賦給一個對象的函數屬性時，不能帶括弧，要在調用時才帶括弧。

也可以使用動態形式訪問屬性值 ：obj1["屬性"]

在對象的函數體中訪問屬性，this關鍵字不能省略。

5.自訂數組對象

JavaScript中沒有提供像其它語言具有明顯的數群組類型，但可以通過function定義一個數組，並使用New對象操作符建立一個具有下標的數組。從而可以實現任何資料類型的儲存。

a、定義對象的數組

function arrayName(size)

{

this.length=Size;

for(var X=1; X<=size;X++)

this[X]=0;

return this;

}

其中arrayName是定義數組的一個名字， size是數組元素的個數。通過for迴圈對一個當前對象的數組進行定義，最後返回這個數組。

從中可以看出，JavaScript中的數組是從1到size，這與其它０到size-1的數組表示方法有所不同，當然你可根據需要將數組的下標由１到size調整到０到size-1,可由下列實現:

function arrayName (size)

{

for (var X=0; X<=size;X++)

this[X]=0;

this.lenght=size;

return this;

}

從上面可以看出該方法是只是調整了this.lenght的位置，該位置是用於儲存數組的大小的。從而調整後的數組的下標將與其它語言一致。但請讀者注意正是由於數組下標順序由１到size，使得JavaScript中的對象功能更加強大。

6.參數個數可變的函數

JavaScript中可通過arguments.length來檢查函數的參數的個數。


例：
function function_Name(exp1,exp2,exp3,exp4);
num =function_Name.arguments.length;

不聲明函數參數，然後在函數內部，直接使用arguments數組對象訪問參數。

7.動態函數

var funobj=new Function(arg1,arg2...,funBodyArg);，每個參數都必須是字串，前面的參數是funobj的參數名，最後的參數是funobj函數體中的代碼。

8.系統函數

encodeURI()，使用utf8編碼

decodeURI()

parseInt()，例如parseInt("123abc",10);，後面的參數表示轉換成的進位。

parseFloat();

isNaN(),檢測上面兩個方法

escape()，可用於對文本的簡單加密，非ascii字元，以及空格，標點，重音符號，都用%xx或%uxxxxx unicode編碼替換。

unescape()

eval(),執行一句js，與動態函數有類似效果。

9.innerText

   innerHTML

  outerText

  outerHTML