模块是否阻止了使用 DOMContentLoaded 侦听器的需要？

Question

document.addEventListener('DOMContentLoaded', () => { 

});

我读到这个事件侦听器确保对于常规脚本，JS 不会引用尚未加载的节点。内容在DOMContentLoaded 被触发后执行）。

我还读过一个模块在 DOMContentLoaded被触发之前被执行（由于defer它内置的属性）。

我使用的模块似乎不需要DOMContentLoaded监听器。我可以确认DOMContentLoaded他们不需要监听器来正确访问节点吗？

另外，我想不出如何测试这个，所以我在这里问。如果你知道我怎么做，请分享！

Answer 1

我认为这篇文章应该为您澄清一些事情，它有很棒的图片https://flaviocopes.com/javascript-async-defer/#the-position-matters

当defer存在时，它指定当页面解析完成时执行脚本，因此可以保证脚本无需访问节点即可访问DOMContentLoaded