【轉】JavaScript物件的基礎知識

　 　JavaScript語言是基於物件的(Object-Based)，而不是物件導向的(object-oriented)。之所以說它是一門基於物件 的語言，主要是因為它沒有提供象抽象、繼承、過載等有關面嚮物件語言的許多功能。而是把其它語言所建立的複雜物件統一起來，從而形成一個非常強大的物件系 統。

　　雖然JavaScript語言是一門基於物件的，但它還是具有一些物件導向的基本特徵。它可以根據需要建立自己

　　的物件，從而進一步擴大JavaScript的應用範圍，增強編寫功能強大的Web文檔案。

　　一、物件的基礎知識

　　1、物件的基本結構

　　JavaScript中的物件是由屬性(properties)和方法(methods)兩個基本的元素的構成的。前者是物件在實施其所需要行為的過程中，實現資訊的裝載單位，從而與變數相關聯;後者是指物件能夠按照設計者的意圖而被執行，從而與特定的函式相聯。

　　2、引用物件的途徑

　　一個物件要真正地被使用，可採用以下幾種方式獲得：

　　引用JavaScript內部物件;

　　由瀏覽器環境中提供;

　　建立新物件。

　　這就是說一個物件在被引用之前，這個物件必須存在，否則引用將毫無意義，而出現錯誤資訊。從上面中我們可以看出JavaScript引用物件可透過三種方式獲取。要麼建立新的物件，要麼利用現存的物件。

　　3、有關物件操作語句

　　JavaScript不是一純物件導向的語言，它設有提供面嚮物件語言的許多功能，因此JavaScript設計者之所以把它你“基於物件”而不是物件導向的語言，在JavaScript中提供了幾個用於操作物件的語句和關鍵詞及運算子。

　　1)、For...in語句

　　格式如下：

　　For(物件屬性名 in 已知物件名)

　　說明：該語句的功能是用於對已知物件的所有屬性進行操作的控制迴圈。它是將一個已知物件的所有屬性反覆置給一個變數;而不是使用計數器來實現的。

　　該語句的優點就是無需知道物件中屬性的個數即可進行操作。

　　例：下列函式是顯示陣列中的內容：

　　Function showData(object)

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

　　document.write(object[i]);

　　該函式是透過陣列下標順序值，來訪問每個物件的屬性，使用這種方式首先必須知道陣列的下標值，否則若超出範圍，則就會發生錯誤。而使For...in語句，則根本不需要知道物件屬性的個數，見下：

　　Function showData(object)

　　for(var prop in object)

　　document.write(object[prop]);

　　使用該函式時，在迴圈體中，For自動將的屬性取出來，直到最後為此。

　　2)、with語句

　　使用該語句的意思是：在該語句體內，任何對變數的引用被認為是這個物件的屬性，以節省一些程式碼。

　　with object{

　　...}

　　所有在with語句後的花括號中的語句，都是在後面object物件的作用域的。

　　3)、this關鍵詞

　　this是對當前的引用，在JavaScript由於物件的引用是多層次，多方位的，往往一個物件的引用又需要對另一個物件的引用，而另一個對 象有可能又要引用另一個物件，這樣有可能造成混亂，最後自己已不知道現在引用的那一個物件，為此JavaScript提供了一個用於將物件指定當前物件的 語句this。

　　4)、ew運算子

　　雖然在JavaScript中物件的功能已經是非常強大的了。但更強大的是設計人員可以按照需求來建立自己的物件，以滿足某一特定的要求。使用New運算子可以建立一個新的物件。其建立物件使用如下格式：

　　Newobject=NEW Object(Parameters table);

　　其中Newobject建立的新物件：object是已經存在的物件; parameters table參數列;new是JavaScript中的命令語句。

　　如建立一個日期新物件

　　newData=New Data()

　　birthday=New Data (December 12.1998)

　　之後就可使NewData、birthday作為一個新的日期物件了。

　　4、物件屬性的引用

　　物件屬性的引用可由下列三種方式之一實現：

　　(1)使用點(.)運算子

　　university.Name=“雲南省”

　　university.city=“昆明市”

　　university.Date="1999"

　　其中university是一個已經存在的物件，Name、City、Date是它的三個屬性，並透過操作對其賦值。

　　(2)透過物件的下標實現引用 網頁教學網

　　university[0]=“雲南”

　　university[1]=“昆明市”

　　university[2]="1999"

　　透過陣列形式的訪問屬性，可以使用迴圈操作獲取其值。 Webjx.Com

　　function showunievsity(object)

　　for (var j=0;j<2; j++)

　　document.write(object[j])

　　若採用For...in則可以不知其屬性的個數後就可以實現：

　　Function showmy(object)

　　for (var prop in this)

　　docament.write(this[prop]);

　　(3)透過字串的形式實現

　　university["Name"]=“雲南”

　　university["City"]=“昆明市”

　　university["Date"]="1999"

　　5、物件的方法的引用

　　在JavaScript中物件方法的引用是非常簡單的。

　　ObjectName.methods()

　　實際上methods()=FunctionName方法實質上是一個函式。 如引用university物件中的showmy()方法，則可使用：

　　document.write (university.showmy())

　　或：document.write(university)

　　如引用math內部物件中cos()的方法

　　則：

　　with(math)

　　document.write(cos(35));

　　document.write(cos(80));

　　若不使用with則引用時相對要複雜些：

　　document.write(Math.cos(35))

　　document.write(math.sin(80))