debug時遇到一個問題：
console.log(object); 和 console.log(JSON.stringfy(object));打印出的值不一致，導致debug的時候以為是console.log這個動作之前獲取到的object數據就不對，浪費了些時間在debug獲取數據部分，而實際上問題出在console.log動作之后。因為：
console.log打印對象的執行機制是，當你在瀏覽器控制臺點擊object，展開object時，此時瀏覽器才會去object所在的堆內存中獲取數據，再經過瀏覽器編譯，展示在控制臺。
控制臺object一旦打開后，就不再修改，其值就會存儲在瀏覽器中，即使后面代碼再次更新object，也不會改變了。

做個測試：

//定義object: this.orginData
this.orginData = {
	 a: '111',
	 b: '222',
};
console.log("object orginData==", this.orginData);
console.log("object orginData a==", this.orginData.a);
console.log("json orginData==", JSON.stringify(this.orginData));
console.log("json orginData a==", JSON.stringify(this.orginData.a));

//修改object中a的值,設為空
this.orginData.a = "";
console.log("object orginData==", this.orginData);
console.log("object orginData a==", this.orginData.a);
console.log("json orginData==", JSON.stringify(this.orginData));
console.log("json orginData a==", JSON.stringify(this.orginData.a));

編譯后在瀏覽器控制臺打印的信息如下，可以看到，用JSON.stringfy()打印出的數據可以直接顯示出數據，而object則顯示成折疊狀態：

此時，把兩個折疊的object數據打開，如下圖所示，可以看到，不論是修改object值前還是后，打印出來的兩個object的數據是一樣的，a值都為空：

分析如下：
我們認為object修改之前和之后打印的結果應該和用JSON.stringfy()打印結果一樣有所不同，但根據測試結果，前后打印的object結果卻相同。說明在瀏覽器打印對象時，并沒有直接調用對象所對應的堆內存中的值，而是先打印了一個由瀏覽器自己解析的代表這個對象的字符串。當我們在控制臺點擊展開這個對象時，瀏覽器才會去根據這個對象的引用地址去堆內存中獲取對象的具體數據展示出來。所以獲取到的object值已經是頁面跑完后，最后的值。

如果要在瀏覽器控制臺打印代碼執行時堆內存所存儲的該對象的具體數據，可以用JSON.stringfy(object)，將object對象轉變成json字符串，也可以用JSON.parse(JSON.stringfy(object))來打印，JSON.parse()可以將數據再轉換為 JavaScript 對象，當object對象的數據量很大的時候，用后者在瀏覽器控制臺的輸出會更加美觀，而不是一堆很長的字符串。