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");