javascript - “Scalable JavaScript Application Architecture” 和模块访问

Question

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

根据他的系统，模块是自封装的并且彼此不知道，但是在运行时当所有文档都已加载时，我可以在其中一个模块中添加一个 getElementById() 来访问另一个模块 div 和直接修改。

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

Answer 1

这个想法是为了防止人们在开发阶段这样做——而不是在运行时。您可以使用 Babel 等工具来进行这种预防，以转译 ES6 模块或 TypeScript。关键是在运行时环境中，您无法隔离 DOM。您可以后退一步并编译环境以防止开发人员犯此类错误/解决方法。