Category Archives: ES

#05 – JS – Linting – Policiando

Um pouco de teoria! – Web Apps! (Conceitos & Utilização)

Saga: M&M (Mundo Mobile)

O que é?

O Linting é uma ferramenta projetada para assegurar a qualidade e padrão do nosso JS. Ou seja, ela faz uma análise nos códigos visando manter a qualidade e seguindo as boas práticas.

Vale ressaltar, que ela NÃO garante o funcionamento do código, e se a lógica está correta, ela garante APENAS se as boas práticas estão sendo seguidas.

Como Funciona?

As ferramentas de lint são scripts que interpretam nosso JS, buscando erros e boas práticas, como:

  • varáveis sem utilização
  • espaços em branco no final de linha
  • ausência de “;”
  • etc

es_linter

Imagem com eslint em ação.

Utilitários disponíveis

jQuery Lint

Para usuários do jQuery, podemos também fazer análise de sintaxe e estrutura.

Configurável e adaptável para os padrões de desenvolvimento do nosso projeto.

No entanto, a sua aplicação é feita de forma diferente das demais: devemos aplicar diretamente na página, ou seja, o script é chamado após o código da aplicação, A resposta então é enviada para o console do browser.

<script src="aplicacao.js"></script>
<script src="jquery.lint.js"></script>

GitHub: github.com/padolsey/jQuery-Lint

http://james.padolsey.com/javascript/jquery-lint/

JSHint

Iniciado como um fork da JSLint, visando mais flexibilidade, permitindo configurações de acordo com necessidades específicas.

Assim como a JSLint, a JSHint faz a análise de código online ou pode ser instalada via NPM.

Documentação de personalização http://jshint.com/docs/options/

http://www.jshint.com/

JSLint

De autoria de Douglas Crockford (pai do “The Good Parts”), o utilitário busca por erros de sintaxe e erros estruturais.

Convenções e Regras aplicada na análise javascript.crockford.com/code.html.

Instalação do script via NPM.

Github https://github.com/douglascrockford/JSLint

http://www.jslint.com/ (versão online)

Closure Linter

Obriga o uso do estilo JS defendido pelo Google. Isto o difere das demais.

Aplicada em todos os projetos da empresa.

Possui um script de correção dos erros encontrados. Ou seja, ela não diz apenas o que está errado, mas sugere a forma de correção.

O script gjslint faz a análise do código e o fixjsstyle corrige os erros encontrados.

https://developers.google.com/closure/utilities/