javascript - 将太多组件嵌套在一个组件中是否有害？

Question

我有一个多选表格组件，其中包含一个表格显示组件。在 table-display 组件内部还有另一个名为 table-row 的组件。

table-selectable
      | (contains)
      v
 table-display
      | (contains)
      v   
  table-row

我这样做是因为我想让每个组件足够通用，以便它可以用于其他目的，但是，我意识到将操作传递到父组件并不容易。原因是我必须仔细连接 sendAction 方法中的所有操作以及 hbs 文件中的操作名称，我觉得这可能会导致长期错误。

我的问题是，像我一样将多个组件嵌套在单个组件中是否有害？

Answer 1

Javascript 在加载的文档中准备一个 HTML DOM 对象树。然后您就可以使用这个 DOM 来处理它的元素。Javascript 访问 HTML DOM 仍然比执行 javascript 而不访问 HTML DOM 慢。您提到的级别嵌套不太深，到目前为止您很容易访问内部元素。元素生成的事件总是传播到 Javascript 引擎创建的执行上下文来运行代码片段。因此，您可以在全局级别(大多数时候是“窗口”级别)处理这些事件，直到您使用正确的 HTML 元素注册监听器以监听正确的事件，否则这将不起作用。例如，按钮触发“单击”事件，例如document.getElementById('mybutton').addEventListener('click', function() {
console.log('我的按钮被点击了');
});只要你成功选择了这个按钮，并绑定(bind)了“click”事件监听器，就OK了。但是如果你的元素选择器是错误的，或者你试图监听错误的事件，那么这将不起作用。就页面大小而言，内容越多，页面加载时间就越长。也可以将其视为 SEO 的 Angular 。