Evitando uso de variáveis globais em sistemas utilizando AngularJs

É muito comum ver programadores fazendo uso de bibliotecas externas ao AngularJs de maneira global. Esta prática rompe as vantagens da DI – Dependency injection disponibilizada pelo modelo AngularJs, afetando vários pontos do sistema, principalmente a capacidade de testá-lo e clareza do código para leitura / entendimento.

Iremos sugerir uma das possíveis formas de encapsular em módulos que podem ser injetados estas bibliotecas globais em módulos padrões AngularJs.

Iremos exemplificar utilizando a grande biblioteca Javascript Underscore.js, responsável por simplificar códigos no padrão funcional. Para torna-la um módulo, basta:

var underscore = angular.module('underscore', []);
underscore.factory('_', function() {
    //Underscore já deve ter sido carregado na página HTML
    return window._;
 });

var app = angular.module('app', ['underscore']);

app.controller('Ctrl', ['$scope', '_', function($scope, _) {
    init = function() {
        _.keys($scope);
    }
    init();
}]);

Eis ai uma excelente prática que em modo strict (use strict) torna-se obrigatória. Sugerimos que faça uso deste modo.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

AngularJS – $apply seguro Inserindo elemento condicionalmente no angularjs (ng-if) AngularJS – Evento de mudança de url / rota / location Como obter e criar módulos em Angular.js 1.x Acessar o scope de um elemento externamente a seu controller em AngularJS jQuery like Angular.js directive Recarregar uma página HTML utilizando AngularJS Observando alterações interna no valor de um array utilizando AngularJS Lançado AngularJS 1.3.x