如何构建高度隔离且不可篡改的UI组件，仅用Shadow DOM的closed模式？

本文共计806个文字，预计阅读时间需要4分钟。

closed模式无法构建UI组件——它只能阻止通过element.shadowRoot属性直接访问影子树，但无法防御事件监听、CSS注释、DOM快照、未消亡的HTML渲染等常见绕过方式。真正提升隔离强度，依赖的是组合策略，而非仅仅依赖于mode:。

closed 模式的真实能力与局限

调用 attachShadow({ mode: "closed" }) 后，el.shadowRoot 始终返回 null，这是它唯一生效的行为。