javascript - 在脚本中对对象进行分组有什么好处

标签 javascript

我有一个包含一个外部脚本文件的页面。在这个脚本中使用了 3 个全局对象:

var oArticle = new Article();
var oUiManager = new UiManager();
var oController = new Controller();

今天有人建议我将它们全部放入一个对象中,例如在exercisePage 中:

var exercisePage = {
    "oArticle": new Article(),
    "oUiManager": new UiManager(),
    "oController": new Controller()
};

如果我只为页面使用一个脚本文件,这种方法有什么好处?

最佳答案

像这样对对象进行分组只会最大限度地减少全局变量冲突的机会。

如果您包含大量外部库,您将需要确保它们都能正常工作,而不会影响彼此的变量。

也就是说,大多数库都设计得很好,并且它们不太可能与用户定义的变量发生冲突。

比把它们放在一个对象中更好,anonymous closure有效

(function(){
  var oArticle = new Article();
  var oUiManager = new UiManager();
  var oController = new Controller();

  // other code that uses these objects
})();

关于javascript - 在脚本中对对象进行分组有什么好处,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19784579/

相关文章:

javascript - 将配置文件与angularjs一起使用

javascript - 纯 JavaScript 仅检测 Ctrl+Q 快捷键

javascript - 为什么更改事件永远不会在选择框上触发?

javascript - 如何将从blob url获取的音频数据保存到mysql db中的文件系统和路径中

javascript - 在我的案例中如何隐藏和显示 div 边框线?

javascript - 更改div的滚动条颜色

javascript - 在 React 无状态组件中存储不可观察数据的最佳方法(使用 Hooks)

javascript - 事件触发 ajax 后运行 jQuery

javascript - 不同时间循环的setTimeout

javascript - 无法禁用vue js Material 日期选择器中的日期