javascript - Virtual DOM 究竟存储在哪里？

Question

我现在折磨自己几个小时，找不到答案。React 数据到底在哪里，在什么对象/键下？我发现了一个对象ReactRoot，它似乎存储了有关组件的所有信息，但我不知道它在窗口中的位置（我猜？）对象。

它必须在 window 对象下的某个地方，对吧？

如果您拍摄内存快照并从列表中选择构造函数，chrome 将在（chrome 中的 $0ReactRoot ）下创建对它的引用。$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");