“可扩展的JavaScript应用程序架构”和模块访问

Question

我正在构建一个大型的JavaScript应用程序，我决定使用Nicholas Zakas的可扩展应用程序架构设计：https://www.youtube.com/watch?v=vXjVFPosQHw

根据他的系统，模块是自封装的，彼此不了解，但在运行时加载所有文档时，我可以在其中一个模块中添加一个getElementById（）来访问另一个模块div和直接修改它。

是否有任何解决方法可以防止这种情况发生？

Answer 1

这个想法是阻止人们在开发阶段这样做 - 而不是在运行时。您可以使用像Babel这样的工具来转换ES6模块或TypeScript来实现这种预防。关键是在运行时环境中，您无法隔离DOM。您可以退一步，编译环境，防止开发人员犯这些错误/解决方法。