All posts in Javascript

Namespaces no JavaScript

Categories: Javascript
Comments: No

Salve, Salve galera,

quando estamos desenvolvendo para web seja qual for a linguagem ou plataforma que utilizamos sempre precisamos interagir de alguma forma com o Javascript para melhorar a interação do usuário, ou para aprimorar algum recurso especifico ou mesmo para fazer alguma “firula” na aplicação, acontece que deixar funções javascript espalhadas pelo código e distribuídas em vários arquivos (isso é, quando estão em vários arquivos) pode gerar um overhead administrativo muito grande, uma forma de melhorarmos isso, principalmente quando trabalhamos com equipes distribuídas e projetos de médio/grande porte é utilizar o recurso de namespaces do javascript, que nada mais é do que um agrupamento de funções e atributos ( cuidado para não chamar o namespace de classe).

Sua utilização é simples e bem prática, porém deve-se atentar ao fato de não carregar as namespaces com blocos desnecessários, e ter em mente sempre que sua finalidade é auxiliar, e caso esteja se tornando muito difícil gerencia-las existe algo errado.

Segue abaixo um exemplo de código simples utilizando namespace no javascript

var FolhaPagamento = {
     calculaAumentoSalario: function(CodigoColaborador) {
     // Implementação…
     },
     retornaFaltasMensais: function(CodigoColaborador) {
     // Implementação…
     },
     DataUltimoCalculo: "00/00/0000",
     QtdColaboradores: 42
}

Agora um exemplo de como consumir essa namespace que criamos.

FolhaPagamento.calculaAumentoSalario(1);
FolhaPagamento.QtdColaboradores = 100 ;

Com isso em mãos, podemos utilizar a imaginação (e o bom senso sempre e as boas práticas)  para organizarmos e otimizarmos nosso código.

Até a próxima pessoal.


Salva, salve galera,

Como bons desenvolvedores que somos sempre precisamos de mais e mais recursos para conseguir desenvolver nossas maravilhosas aplicações, acontece que, nem sempre, recursos e APIs que utilizamos são totalmente documentadas ( e não estou falando de APIs e recursos open ou free e sim PAGOS) e nem encontramos facilmente exemplos na internet.

Acontece que sem essa documentação fica difícil extrairmos o máximo do recurso (não temos ainda bola de cristal para essa atividade), como nem tudo são flores, as vezes precisamos buscar uma forma de “Gerar um documentação” de determinados recursos.

Um dos maiores problemas é descobrir os métodos que temos um determinado objeto para poder usa-lo da melhor maneira (e não reinventar a roda, escrevendo métodos que ele já possui).

O trecho abaixo faz essa tarefa para nós via para objetos javascript.

function getMetodos(objeto) {
  var result = [];
  for (var id in objeto) {
    try {
      if (typeof(objeto[id]) == "function") {
        result.push(id + ": " + objeto[id].toString());
      }
    } catch (err) {
      result.push(id + ": Inacessível");
    }
  }
  return result;
}

E para vermos o seu resultado, chamamos o método:

alert(getMetodos(document).join("n"));

Onde document é o objeto da qual queremos conhecer os métodos.

A imagem abaixo mostra um trechinho do resultado dessa chamada.Resultado getMetodosBom pessoal, espero que esse post ajude vocês em situações de “desespero”.

Até a próxima.