javascript創建物件三種方法是什麼

方法是：1、使用內建對象，JavaScript語言原生對像或運行期的宿主對象；2、使用JSON符號，採用簡單的「鍵/值對」的集合或有序的值列表；3、自訂物件構造，使用「this」關鍵字或使用原型prototype進行建構。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript中物件的建立有以下幾種方式：  

（1）使用內建物件 

（2）使用JSON符號 

（3）自訂物件建構

一、使用內建物件

JavaScript可用的內建物件可分為兩種：

1，JavaScript語言原生對象（語言層級物件），如String、Object、Function等； 

2，JavaScript執行期間的宿主物件（環境宿主層級物件），如window、document、body等。 

我們所謂的使用內建對象，是指透過JavaScript語言原生物件的建構方法，實例化出一個新的物件。如：

var str = new String("实例初始化String"); 
var str1 = "直接赋值的String"; 
var func = new Function("x","alert(x)");//示例初始化
func var o = new Object();//示例初始化一个Object

二、使用JSON符號

（i）何謂JSON ? 

JSON （JavaScript Object Notation）即JavaScript物件命名，是一種輕量級的資料交換格式，易於閱讀和編寫，同時也易於及其解析和生成。它是基於《JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999》的子集。 JSON是完全獨立於語言的文字格式，因此成為資料交換的理想格式。

JSON作為JavaScript的一個自己，同時ActionScript、C、C#、ColdFusion、E、Java、JavaScript、ML、ObjectiveCAML、Perl、PHP、Python、Rebol、Ruby、Lua等一系列的語言都提供支持，使得JSON成為Ajax開發的首選方案。

JSON有兩種建構方式，一種是採用簡單的「鍵/值對」的集合，在不同的語言中被理解為物件、記錄、結構、字典、雜湊表、有鍵列表，或關聯數組等，另一種採用有序的值列表，大部分語言把它理解為數組。 

常用的創建方式是第一種，即採用「鍵/值對」集合的形式。在這種形式下，一個物件以「{」（左括號）開始，「}」（右括號）結束。每個“名稱”後面跟著一個“:”（冒號），“ ‘鍵/值' 對”之間使用“,”（逗號）分隔。 

JSON有以下特點：（1）簡單格式化的資料交換；（2）易於人們的讀寫習慣；（3）易於機器的分析與運作。 

在JavaScript中，JSON被理解為物件。透過字串形式的JSON，資料可以很方便地解析成JavaScript獨享，並進行資料的讀取傳遞。透過JSON，在某種程度上客服了JavaScript物件無法作為參數系列化傳遞的問題。

1，簡單的JSON 

{name:"刘德华",age:"25",sex:"男"}

2，JSON值的類型 

JSON的值可以是簡單的資料型，例如數字、浮點、字元等，也可以是數組及物件。例如以陣列作為member鍵值的JSON： 

{member:[{name:"刘德华"},{name:"郭富城"},{name:"张学友"},{name:"黎明"}]}

{ 
book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}], 
author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}] 
}

3，在JavaScript中使用JSON 

JSON是JavaScript原生格式，這表示在JavaScript中處理JSON資料不需要任何特殊的API或工具包，JavaScript預設將JSON當作一個物件處理。

將物件傳遞給一個變量，例如： 

var somebooks = { 
book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}], 
author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}] 
}

JSON的每個「鍵」相當於物件的屬性，例如存取book中的第一個條目，在JavaScript中，就可以簡單地使用「somebooks.book[0].name」來取得「三國演義」這個值。  

我們不但可以將一個JSON字串轉換為對象，反過來將一個物件「編譯」為一個JSON字串，以方便JavaScript中的物件的傳輸。例如： 

var Animals = new Object(); 
Animals.name = "dog"; 
Animals.sex = "Male"; 
Animals.age = "2";

Animals物件無法被序列化傳輸，將Animals物件轉換為JSON字串，也就是「{name:"dog",sex:"Male",age:"2"}」。這樣，把該JSON字串當作HTTP請求的一個參數傳遞，從而達到序列化傳輸Animals物件的目的。 

（ii）JSON透過字串形式來表達JavaScript的物件。如：

var myObject = {nickname:"my girlfried",name:"big pig"};

JSON實際上充當了一種在JavaScript物件和字串之間實現相互轉換的協定。由於JSON的「外表」可以看成但村的字串，因此JSON在JavaScript的物件傳輸方面可以起到一定的作用。例如把物件strObject轉換成字串後進行傳輸，在達到目的地後透過eval方法將其還原成物件： 

function test (o) 
{ 
alert (o.name) 
} 
var strObject = '{nickname:"my girlfriend",name:"big pig"}'; 
test (eval("(" + strObject + ")"));

三、自訂物件建構 

建立高階物件建構有兩種方式：使用「this」關鍵字建構、使用原型prototype建構。如：

//使用this关键字定义构造的上下文属性 
function Girl() 
{ 
this.name = "big pig"; 
this.age = 20; 
this.standing; 
this.bust; 
this.waist; 
this.hip; 
} 

//使用prototype 
function Girl(){} 
Girl.prototype.name = "big pig"; 
Girl.prototype.age = 20; 
Girl.prototype.standing; 
Girl.prototype.bust; 
Girl.prototype.waist; 
Girl.prototype.hip; 
alert(new Girl().name);

上例中的兩種定義在本質上沒有區別，都是定義「Girl」物件的屬性資訊。 「this」與「prototype」的差異主要在於屬性存取的順序。如： 

 function Test() 
{ 
this.text = function() 
{ 
alert("defined by this"); 
} 
} 
Test.prototype.test = function() 
{ 
alert("defined by prototype"); 
} 
var _o = new Test(); 
_o.test();//输出“defined by this”

当访问对象的属性或者方法是，将按照搜索原型链prototype chain的规则进行。首先查找自身的静态属性、方法，继而查找构造上下文的可访问属性、方法，最后查找构造的原型链。 

“this”与“prototype”定义的另一个不同点是属性的占用空间不同。使用“this”关键字，示例初始化时为每个实例开辟构造方法所包含的所有属性、方法所需的空间，而使用“prototype”定义，由于“prototype”实际上是指向父级的一种引用，仅仅是个数据的副本，因此在初始化及存储上都比“this”节约资源。

【推荐学习：javascript高级教程】

以上是javascript創建物件三種方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！