今天開發(fā)微信小程序調用setData時遇到一個JSON.stringify轉換一個循環(huán)引用結構的報錯。

setData工作原理
小程序的視圖層目前使用 WebView 作為渲染載體，而邏輯層是由獨立的 JavascriptCore 作為運行環(huán)境。在架構上，WebView 和 JavascriptCore 都是獨立的模塊，并不具備數(shù)據(jù)直接共享的通道。當前，視圖層和邏輯層的數(shù)據(jù)傳輸，實際上通過兩邊提供的 evaluateJavascript 所實現(xiàn)。即用戶傳輸?shù)臄?shù)據(jù)，需要將其轉換為字符串形式傳遞，同時把轉換后的數(shù)據(jù)內容拼接成一份 JS 腳本，再通過執(zhí)行 JS 腳本的形式傳遞到兩邊獨立環(huán)境。
而 evaluateJavascript 的執(zhí)行會受很多方面的影響，數(shù)據(jù)到達視圖層并不是實時的。同一進程內的 WebView 實際上會共享一個 JS VM，如果 WebView 內 JS 線程正在執(zhí)行渲染或其他邏輯，會影響 evaluateJavascript 腳本的實際執(zhí)行時間，另外多個 WebView 也會搶占 JS VM 的執(zhí)行權限；另外還有 JS 本身的編譯執(zhí)行耗時，都是影響數(shù)據(jù)傳輸速度的因素。

其實就是setData(object)時會調用JSON.stringify。

循環(huán)應用例子：

var a = {}
a.b = a

JSON.stringify無法轉換這種結構，所以報錯。

如果非要這樣寫，可以改成：

var a = {}
a.b = JSON.parse(JSON.stringify(a))

參考：
Chrome sendrequest error: TypeError: Converting circular structure to JSON
微信小程序官方文檔：優(yōu)化建議