Virtual DOM 究竟存儲在哪里？

Question

我現在正在折磨自己幾個小時，找不到答案。 React 數據到底在哪里，在什么對象/鍵下？ 我找到了一個ReactRoot對象，它似乎存儲了有關組件的所有信息，但我不知道它位於窗口（我猜？）對象中的什么位置。

它必須在 window 對象下面的某個地方，對嗎？

如果您獲取內存快照並從列表中選擇ReactRoot構造函數，chrome 將在$0下創建對它的引用（ chrome 中為 $0 ）。

編輯

ReactRoot 是否有可能以其他對象無法訪問的方式聲明？ 這在js中怎么可能？ React 沒有得到瀏覽器的任何特殊待遇，是嗎？

Answer 1

有一個文檔解釋了DOM Level 1的基本方法。 另請參閱W3C 的 DOM Level 1 Core 規范。

當您創建一個元素時，會創建該元素的一個新實例但不會呈現。 除非您將它們包含到 DOM 樹中。

瀏覽器只會呈現文檔主體內的元素。 但其他一切都只是一個對象的實例，即虛擬 DOM。

// create a new Text node for the second paragraph
    var newText = document.createTextNode("This is the second paragraph.");
    // create a new Element to be the second paragraph
    var newElement = document.createElement("P");