JSON.stringify & DOMRect

Question

出於測試目的，我決定測試我編寫的返回DOMRect對象的函數。

在控制台中，我可以看到 DOMRect 完好無損並具有其所有屬性。 但是，當我有JSON.stringify(rect) （其中 rect 是具有返回結果的變量）時，我得到了空對象{} 。

我不知道這是否意味着DOMRect有一些特別之處，或者JSON.stringify是否沒有做我認為它會做的事情，即序列化對象的屬性。

現在的問題是：為什么會在不JSON.stringify工作DOMRect （並將它也無法對其他一些obects？

FWIW，我正在當前的 Mac 上進行測試，並嘗試了 Firefox 和 Webkit。

Answer 1

JSON.stringify()不能用於任何 DOM 元素 - 您需要提取所需的數據並將其放入對象中。 以前 DOM 節點上的JSON.stringify()用於導致此錯誤：

TypeError: Converting circular structure to JSON

現在 Chrome、Firefox 等都輸出"{}"

Answer 2

JSON.stringify 僅適用於結構化數據。 它不允許對函數進行字符串化。

Answer 3

DOMRect 是一個函數，因此 JSON.stringify() 將不被允許，因為 DOMRect 包含“虛擬”屬性。 JSON.stringify() 依賴於 Object.key(attr)。