Skip to content

2.3 JavaScript

Lucas Alves da Encarnação Oliveira edited this page Apr 25, 2017 · 5 revisions

O guia de estilo para JavaScript é baseado no documento escrito por Douglas Crockford. Se alguma regra não estiver escrita aqui tome o documento original como base.

Arquivos JavaScript

Importe um arquivo JavaScript externo, não misture-o com o código html.

<script src="myscript.js"></script>

Use tags <script> o mais tarde possível (geralmente antes de fechar a tag body). Isso reduz o atraso para carregar uma página. Não é necessário adicionar os atributos type ou language.

<html>
    <body>
        <script> alert("Hello! Eu tô no guia de estilo!!"); </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.jquery.min.js"></script>
    </body>
</html>

Largura da linha

Evite escrever linhas com mais de 120 caracteres. Em alguns casos será necessário 'quebrar' comandos. Nesse caso quebre a linha depois de um operador.

Comentários

Use comentários somente se necessário. Não comente coisas óbvias como:

 var i = 0; // Atribui à variável i o valor zero.

Você deve comentar funções utilizando o padrão DocBlock:

/**
* Descrição do método...
*
* @method myFunction
* @param {String} myVariable
* @return {Array}
*/
function myFunction(myVariable) {
    return [myVariable];
}

Declaração de váriaveis

Sempre declare variáveis antes de usá-las.

 var name;
 var email;

Declaração de funções

Todas as funções devem ser declaradas antes de serem utilizadas. Não deve haver espaço entre o nome da função e o parêntese de abertura (), mas deve haver um espaço no fechar de parênteses e abertura de chaves {.

function validate(attribute, options) {
    return true;
}

Nomes

Ao definir variáveis e funções opte por utilizar valores que tenham signicado e que expressem o que será armazenado ou calculado na mesma.

Comandos

Todos os comandos devem ser terminados por ponto e vírgula ;.