dojo中registry.byId和dom.byId的区别？使用 registry.byId 有什么好处？

Question

道场中registry.byId 和dom.byId 有什么区别？使用registry.byId有什么好处？

在下面的代码中，我将 dijit/registry 和 dojo/dom 用于我的文本框 (#myTextBox3) 和我的文本框节点 (#textNode3)。其中只有两个提供了结果。

require(["dojo/parser", "dojo/dom", "dijit/registry", "dijit/form/TextBox", "dojo/domReady!"],
    function(parser, dom, registry) {

    parser.parse();

    // Locate the JS object.
    var dibiWidget = registry.byId("myTextBox3");
    var dobiWidget = dom.byId("myTextBox3");
    var dibiDOM = registry.byId("textNode3");
    var dobiDOM = dom.byId("textNode3");


    dom.byId("textNode3").innerHTML = "registry.byId for widget id returned: " + dibiWidget + "<br>" +
        "dom.byId for widget id returned: " + dobiWidget + "<br>" +
        "registry.byId for dom id returned: " + dibiDOM + "<br>" +
        "dom.byId for dom id returned: " + dobiDOM + "<br>";
});

Answer 1

这些模块有不同的用法。所以使用registry.byId()（或dom.byId()）没有任何优势，因为它们的用例不同。

dijit/registry::byId()

dijit/registry 模块的主要用途是检索 widget 实例。引用reference guide：

dijit/registry 将所有 dijit 小部件的集合存储在一个 页。它通常用于从 相关数据

道场/dom::byId()

另一方面，dojo/dom 模块只是一个访问 DOM 节点的模块。在reference guide引用byId()的信息：

这是document.getElementById 的简单别名，它不仅是 写起来更短，但幸运的是适用于所有浏览器。它变成了一个 domNode 对某个 Node byId 的引用，或者相同的节点引用 if 传递了一个domNode。

什么意思？

registry.byId() 函数将返回您的小部件的一个实例。这包含来自小部件的 setter/getter 和其他东西。该模块应该仅用于检索小部件，您无法使用它获取 DOM 节点。

另一方面，dom.byId() 函数将返回匹配的 DOM 节点。您只能使用它来检索 DOM 节点。一个小部件显然也包含 DOM 节点，但您永远不应该直接访问一个小部件的 DOM 节点，因为它们是小部件内部结构的一部分（并且可能会改变）。

访问小部件时，始终使用registry.byId()。它提供了 API 来访问大多数 DOM 属性。

---

您的代码

因此，您的代码在这里展示了 4 种可能性。假设#myTextBox3 是一个小部件（例如dijit/form/TextBox 类型）并且#textNode3 是一个DOM 节点，将会发生以下情况：

• dibiWidget 会工作，因为#myTextBox3 是一个小部件。它将返回对该小部件的引用
• dobiWidget可能会工作，因为每个小部件后面都有一个具有相同 ID 的 DOM 节点（虽然不是必需的）。但是，就像我刚才解释的那样，不建议使用它。
• dibiDom 将不起作用，因为没有 ID 为 #textNode3 的小部件。这只是一个简单的 DOM 节点。
• dobiDom 将返回对 DOM 节点的引用并工作。

我还做了一个小JSFiddle 来演示一下。

Answer 2

dom.byId() 只是 document.getElementById(...) 的缩写。它返回对 dom 节点的引用。

registry.byId(...) 返回对包含在 dojo 注册表中的 dojo 小部件的引用。

例如，如果您有<div id='myDiv'></div>，则不能在此处调用registry.byId('myDiv')，因为它不是dojo 小部件（因此不在dojo 注册表中）。您可以拨打dom.byId('myDiv')。

现在如果您有<div id='myDiv' data-dojo-type='dijit/layout/ContentPane'></div>，您可以同时调用dom.byId('myDiv') 和registry.byId('myDiv')。一个为您提供 dom 节点，另一个为您提供 dojo 小部件。两者都有不同的方法可供他们使用，但如果有重叠，我通常更喜欢registry.byId(...)。

使用其中一个没有优势，因为它们都是不同的东西，用于不同的东西。

https://dojotoolkit.org/reference-guide/1.9/dijit/registry.html

http://dojotoolkit.org/reference-guide/1.9/dojo/dom.html