1483682850650070610.jpg

上一節(jié)的參考答案：

http://xiaotublog.com/demo.html?path=homework/04/index2

本節(jié)重點來介紹一下JSON眼俊，JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式轧邪，我們稱之為JavaScript對象表示法。也就是說琳水，JSON是一種格式这吻。首先搞清楚三個概念吊档，即什么是JSON字符串，什么是JavaScript對象唾糯，還有什么又叫做JSON對象怠硼？先來說一個事，在沒有JSON之前移怯，前臺頁面和Java等語言充當?shù)姆?wù)器層香璃，到底是如何傳輸數(shù)據(jù)的呢？沒錯舟误，是通過XML來傳輸?shù)钠厦搿１热缫粋€登陸頁面。

1483683351306097300.png

頁面上有用戶名和密碼兩個輸入框嵌溢，當我點擊登錄按鈕眯牧，這兩個數(shù)據(jù)就會被傳遞到服務(wù)器層。那么赖草，如何傳輸呢学少？如果用XML，也許是這樣的：

<LoginData> <name>zhangsan</name> <password>123</password></LoginData>
后臺接收到這個數(shù)據(jù)秧骑，然后就可以開始解析版确，最終拿到zhangsan和123兩個字面量扣囊。時間線再往前推，在XML還沒有出來的時候阀坏，怎么辦呢如暖？聰明的程序開發(fā)人員則會規(guī)定幾種特殊的格式笆檀，拼接一個特殊的字符串忌堂，傳遞到后臺中去。比如像這樣的：
"name=zhangsan&password=123"
那么后臺的程序員也知道這個規(guī)則酗洒，如果是Java的話士修，就可以使用String的splite方法，先通過逗號把這個字符串分割成兩份樱衷，也就是變成：name=zhangsan還有password=123兩個字符串棋嘲，然后再通過“=”分割，將“name=zhangsan”分割成“name”和“zhangsan”矩桂，把“password=123”分割成“password”和“123”兩部分沸移。終于，到底還是拿到用戶名和密碼了侄榴。

接下來還是談JSON雹锣，其實JSON就是一種數(shù)據(jù)格式。諸如：

{

   key1 : value1 ,

   key2 : value2

};

這樣的格式就是JSON格式癞蚕，它是一系列鍵值對的集合蕊爵，不同的鍵值對之間用逗號分隔，最后一個鍵值對不需要加逗號桦山。符合這種格式的字符串就是JSON字符串攒射。比如：

"{'name' : 'Jack'}"

它歸根到底還是一個字符串，不是一個對象恒水。而JSON對象会放，其實就是Javascript對象，我們可以通過字面值的方式直接創(chuàng)造一個對象钉凌，比如：

var person = {name : 'Jack'}

等同于：

var person = {'name' : 'Jack'}

在上邊這個例子中鸦概，name可加單引號，也可加雙引號甩骏，甚至可以什么都不加窗市。而右邊的值必須是一個實實在在的東西，比如字符串饮笛，或者一個對象咨察，甚至是一個函數(shù)。我們不考慮JS內(nèi)部的對象機制福青，只是簡單地說明一下摄狱，是有這么個事情的脓诡。這就是所謂的JSON對象，也就是js對象媒役。在JavaScript中祝谚，對象是鍵值對的集合，符合JSON格式酣衷。我們可以通過下面的方法交惯，把JS對象轉(zhuǎn)換成JSON格式的字符串。

var person = {'name' : 'Jack'}

alert(JSON.stringify(person));

1484535233869006359.png

同樣穿仪，一個JSON格式的字符串席爽，可以變成一個JS對象，如：

console.log(JSON.parse("{\"name\":\"Jack\"}"));

1484535543572020654.png

做個小結(jié)啊片，JSON字符串就是符合JSON格式的字符串只锻，他還是字符串，JSON對象就是JavaScript對象紫谷，我們推薦使用字面值的方式來創(chuàng)建一個JS對象齐饮。然后，JS對象和JSON字符串可以互相轉(zhuǎn)換笤昨。通過這一個特點祖驱，我們能夠?qū)崿F(xiàn)JS對象的拷貝。一般來說咬腋，比如我有一個js對象羹膳。

var person = {'name' : 'Jack'}

var person2 = person;

這樣做，并不是對象的復(fù)制根竿，person2僅僅是一個指針陵像，他和person一樣，指向了{'name' : 'Jack'}這一片內(nèi)存空間寇壳。當person發(fā)生改變醒颖，person2必然也跟著改變。

var person = {'name' : 'Jack'}

var person2 = person;

person.age = 10; //給person動態(tài)地添加一個屬性

alert(JSON.stringify(person2)); //person2也跟著變了

那有沒有什么辦法可以實現(xiàn)對象的復(fù)制呢壳炎？一個好的解決方案就是泞歉，先把person轉(zhuǎn)換成JSON字符串，然后再轉(zhuǎn)成JS對象匿辩，這個時候就是另外一個JS對象了腰耙。比如：

var person = {'name' : 'Jack'}

var person2 = JSON.parse(JSON.stringify(person));

person.age = 10; //給person動態(tài)地添加一個屬性

alert(JSON.stringify(person2)); //person2不變

接下來說說js對象內(nèi)容的訪問和操作，我們上面已經(jīng)說了铲球，JS對象中無非是一些鍵值對的集合挺庞，他更像是一個容器，既然是容器稼病，自然有內(nèi)容选侨，我們?nèi)绾卧L問其中的內(nèi)容呢掖鱼？在上面的例子中，我們已經(jīng)通過“對象.屬性名”的方式來訪問JS對象的具體內(nèi)容援制。比如：

var obj = {
   id : 1
};
var id = obj.id;
alert(id);

1484634634099022424.png

另外一種方式戏挡，就是通過 對象["屬性名"] 來操作其內(nèi)容。比如：

var id = obj['id']

可以用雙引號晨仑，也可以用單引號褐墅，看個人習慣了。在JS對象中寻歧，屬性名永遠都是字符串掌栅，雖然諸如這樣的代碼：

var obj = {
   id : 1
};

id沒有加上引號秩仆，但它實際上還是以字符串的形式被保存起來的码泛。再說一遍，如果你要訪問和操作JS對象的內(nèi)容澄耍，有兩種方式噪珊，第一種方式是用點，第二種方式則是用中括號齐莲。兩種方式如果做一個比較痢站，顯然是第二種方式較為靈活，因為它是用字符串去找對應(yīng)的鍵值對选酗，而不是用一個標識符阵难。比如剛才的例子，你這樣寫：

var id = obj.id;

我問你芒填，obj.id中的id是什么呜叫？為了符合規(guī)范，id必須是標識符殿衰，你不能寫 obj.123 吧朱庆。這顯然是不合法，也無法運行通過的闷祥。比如娱颊，你能這樣寫嗎？

var obj = {
   123 : 'Hello JavaScript!'
};

var id = obj.123;
alert(id);

肯定不行凯砍，會報錯的:

1484635122771050386.png

但是箱硕，如果你用中括號就可以：

var obj = {
   123 : 'Hello JavaScript!'
};

var id = obj['123'];
alert(id);

1484635168677091359.png

具體用那種方式，隨你喜好而定悟衩。

現(xiàn)在剧罩，我們已經(jīng)對JSON格式和JS對象有了一個比較充分的了解，我要在此拋出一個問題局待，有沒有什么辦法能夠獲取JS對象的屬性詳情呢斑响？注意我的用詞菱属，是屬性詳情，也就是說舰罚，比如有一個JS對象：

var obj = {
   message: 'Hello JavaScript!'
};

message就是它的屬性纽门，關(guān)于這個屬性，有沒有什么詳細的描述信息呢营罢？答案是有的赏陵，在JS中，有一個內(nèi)置的Object對象饲漾，它給我們提供了一個getOwnPropertyDescriptor方法蝙搔，可以看到某個對象的某個屬性的具體情況。你可以把這個理解為Java中的靜態(tài)類調(diào)用方法考传。我們可以這樣做：

var obj = {
   message : 'Hello JavaScript!'
};

console.log(Object.getOwnPropertyDescriptor(obj,'message'));

1484636164365032005.png

可以看到吃型，我們成功挖掘出了四個屬性，如果你不明白我在說什么僚楞，我就說得更加直白一些勤晚，就是說，

var obj = {
   message: 'Hello JavaScript!'
};

obj里面有一個屬性message泉褐，而message又有四個描述性的東西赐写，分別是configurable（可配置），enumerable（可枚舉）膜赃，value（值）挺邀，還有 writable（可寫入）。這四樣東西跳座，專業(yè)術(shù)語叫做屬性描述符端铛，或者數(shù)據(jù)描述符。目前我們看到的數(shù)據(jù)描述符都被賦予了默認值躺坟，我們也可以通過defineProperty方法對其進行個性化配置沦补。
比如，我們把message設(shè)置為只讀：

var obj = {
   message : 'Hello JavaScript!'
};

console.log(Object.getOwnPropertyDescriptor(obj,'message'));

Object.defineProperty(obj,'message',{
   writable:false
});

obj.message = 'haha';
alert(obj.message);

1484636613662039973.png

不好意思咪橙，修改無效夕膀，因為我已經(jīng)把這個屬性設(shè)置為只讀了。在嚴格模式下美侦，甚至會報錯产舞，啥，你問我什么叫做嚴格模式菠剩？好吧易猫，其實就是一句話的事。

Paste_Image.png

這就是嚴格模式具壮，你不要問為什么這樣就行了准颓，我不會告訴你哈蝇，因為我也不懂。我只知道攘已，這樣寫就可以炮赦，于是乎，接下來運行就報錯了样勃。

1484636926412061924.png

?

)