創建對象一

ECMAScript中的對象其實就是一組數據和功能的集合。對象可以通過執行new操作符后跟要創建的對象類型的名稱來創建。而創建Object類型的實例并為其添加屬性和方法，就可以創建自定義對象，如下所示：

var o = new Object(); o.name = "Alvin"; //添加屬性 //添加方法 o.sayHello = function(){console.log("hello "+ this.name); }

這個語法與Java中創建對象的語法相似，但在JavaScript中，如果不給構造函數傳遞參數，則可以省略后面的那一對圓括號。也就是說在像前面這個示例一樣不傳遞參數的情況下，完全可以省略那對圓括號（但并不推薦這種做法）

var o = new Object; //有效，但不推薦

僅僅創建一個Object實例其實并沒有什么用處，但關鍵是要理解一個重要思想：即在JavaScript中，Object類型是所有其它實例的基礎，在講繼承的時候我們已經講到：所有其它類型均繼承自Object。也就是說Object類型所具有的任何屬性和方法，同樣也都存在于更具體的對象中。

Object的每個實例都具有如下屬性和方法：

• Costructor：保存著用于創建對象的函數，對于上面的例子而言，構造函數（constructor）就是Object()
• hasOwnProperty(propertyName)：用于檢查給定的屬性在當前的實例對象（不是在實例原型）中是否存在。其中作為參數的屬性名（propertName）必須以字符串形式指定，例如：o.hasOwnProperty("name")
• isPropertyOf(object)：用于檢查傳入的對象是否是另一個對象的原型
• propertyIsEnumerable(propertyName)：用于檢查給定的屬性是否能夠使用for-in語句來枚舉。與hasOwnProperty()方法一樣，作為參數的屬性名必須以字符串形式指定。
• toLocalString()：返回對象的字符串表示形式，該字符串與執行環境的地區對應。
• toString()：返回對象的字符串表示形式。
• valueOf()：返回對象的字符串、數值或布爾值表示，通常與toString()方法的返回值相同。

由于在JavaScript中Object是所有對象的基礎，因此所有對象都具有這些基本的屬性和方法。

創建對象二

另一種創建對象的方式是使用對象字面量的表示法。對象字面量是對象定義的一種簡寫形式。目的在于簡化創建包含大量屬性的對象的過程。看一下下面的例子：

var person = {name: "Alvin", //添加name屬性//添加sayHello方法sayHello:function(){console.log("Hello "+ this.name)} }

在使用對象字面量時，屬性名也可以使用字符串，如下所示：

var person = {"name": "Alvin", "Age": 28,5: true }

在這個例子中我們創建了一個person對象，包含三個屬性，name、age和5。但這里數值屬性名會自動轉換為字符串。

另外，使用對象字面量語法時，如果花括號里面的內容為空，則可以在外面動態添加屬性或方法，如下所示：

var person = {}; //與new Object()相同 person.name = "Alvin"; person.sayHello = function(){console.log(this.name); }

總結

雖然可以使用前面介紹的任何一種方式創建對象，但平時我們更青睞使用對象字面量語法，因為這種語法要求的代碼量少，而且能夠給人封裝數據的感覺。實際上對象字面量也是向函數傳遞大量可選參數的首先方式。看下面的例子：

function dispalyInfo(args){var output = "";if(typeof args.name == "string"){output += "Name: " + args.name + "\n";}if(typeof args.age == 'number'){output += "Age: " + args.age + "\n";}console.log(output); }displayInfo({name: "Alvin",Age: 28 });displayInfo({name: "yannis" });

這個例子中，函數displayInfo接受一個名為args的參數，這個參數可能帶有一個名為name或age的屬性，也可能是兩個屬性都有或者是都沒有。在函數內部，通過typeof操作符來檢測每個屬性是否存在，然后再基于相應的屬性來顯示信息。

一般情況，訪問對象的屬性時都是使用點表示法，這也是很多面向對象語言的通用方法。但是在JavaScript中也可以用方括號像數組一樣來訪問屬性。在使用方括號時，需將要訪問的屬性以字符串的形式放在方括號內。如下所示：

console.log(person["name"]); console.log(person.name);

以上兩種方式都是可以的，從功能上看這兩種訪問方式沒有任何區別。但方括號訪問的主要有點事可以通過變量的形式來訪問屬性，例如：

var proName = "name"; console.log(person[proName]); //Alvin

如果屬性名中包含會導致語法錯誤的字符，或者屬性名使用的是關鍵字或保留字，也可以使用方括號形式訪問，如：

person["first name"] = "Alvin";

由于"first name"中包含空格，因此不能直接使用點的形式來訪問。然而屬性名中也可以包含非字母非數字，這時候就可以使用方括號的形式來訪問它們了。

通常，除非必須使用變量來訪問屬性，否則建議使用點表示法。

總結

以上是生活随笔為你收集整理的JavaScript数据类型 - Object类型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。