多種創建js物件的方法詳細講述-js教程-PHP中文網

在JavaScript開發中使用js物件是很常見的，而我們要如何去創建js物件呢，方法有多種，那麼我們今天就來講講多種創建js物件的方法吧

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

#使用內建物件
使用JSON符號
自訂物件建構

#一、使用內建物件
#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符號
何謂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有以下特點：

簡單格式化的資料交換；
易於人們的讀寫習慣；
易於機器的分析與運作。

在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物件的目的。

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 = &#39;{nickname:"my girlfriend",name:"big pig"}&#39;; 
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”节约资源。

相关推荐：

在js语言中，一切都对象”，而且创建对象的方式也有很多种，所以今天我们做一下梳理最简单

JS对象创建常用方式有哪些？

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