Как бы я реорганизовал этот 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 в других функциях на всей странице, поэтому я назначил его глобальной переменной. У меня сложилось впечатление, что глобалы плохие. Как еще я мог бы это сделать?

Благодаря

Edit: getGroups() является вызов API. Я не хочу называть его несколько раз.

Answer 1

Если вам необходимо получить доступ к этой переменной accross несколько страниц, устанавливающих глобальное пространство имен может быть хорошим способом, чтобы пойти:

// 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 

Answer 2

Вы можете получить функцию закрытия, поэтому группы переменная будет локальным:

(function(){ 
    var groups; 

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

Answer 3

Или вы можете использовать объектно-ориентированный стиль:

var Group = { 
    groups: null, 
    findGroups: function() { 
     getGroups().then(function (g) { 
      Group.groups = g; 
     }); 
    }, 
    fetchGroup: function(index){ 
     return Group.groups[index]; 
    } 

}; 

Group.findGroups(); 
var group = Group.fetchGroup(index); 

Или с конструкцией или:

function Group(){ 
    this.groups = null; 
    var self = this; 
    this.findGroups = function() { 
     getGroups().then(function (g) { 
     self.groups = g; 
     }); 
    }; 
}; 

var group = new Group(); 
group.findGroups(); 

Answer 4

Возможно, у вас может быть только одна глобальная переменная, тогда вы можете получить доступ к данным через свой открытый интерфейс.

Пример:

var myLibrary; 

(function (lib) { 
    var groups; 
    function findGroups() { 
     getGroups().then(function (g) { 
      groups = g; 
     }); 
    } 
    function getLocalGroups() { 
     return groups; 
    } 

    //public interface 
    lib.findGroups = findGroups; 
    lib.getLocalGroups = getLocalGroups; 
}(myLibrary));