javascript - 我如何重构这个 javascript 以不使用全局？

Question

var groups;

function findGroups {
  getGroups().then(function (g) {
    groups = g;
  });
}

function foo() {
  var a = groups[0];  //or something along those lines.
  //access the properties of `g`
}

我想在整个页面的其他函数中访问g，所以我将它分配给一个全局变量。我一直觉得全局变量很糟糕。我还能如何实现这一目标？

谢谢

编辑:getGroups() 是一个 API 调用。我不想多次调用它。

Answer 1

如果您需要跨多个页面访问该变量，建立全局命名空间可能是一个好方法:

// file1.js (loaded first)
myApp = {}; // global namespace
(function() {
    var groups = {};

    myApp.findGroups = function() {
      return groups;
    };

    // init groups
    (function init() {
        getGroups().then(function (g) {
            groups = g;
        });
    }());
}());

// file2.js (loaded next)
myApp.findGroups(); // now myApp.groups is available