DEV Community

Maurilo Santos
Maurilo Santos

Posted on

5 Dicas que te ajudam a nomear variáveis em JavaScript

Variáveis ​​são caixas em Javascript que facilitam muito a vida do código para o programador ler… quando escritas de maneira conveniente. Aqui vou listar de maneira breve algumas convenções que uso e acredito que sejam úteis à comunidade JS. ✌

Foto de Milad Fakurian no Unsplash

Antes de tudo lembre-se que:

  • Variáveis ​​em JS diferenciam letras minúsculas e maiúsculas.
  • Não há limites para o comprimento de uma variável. (Mas vamos com calma hein rs)
  • O primeiro caractere deve ser uma letra ou um sublinhado. Não pode usar número com primeiro caractere!
  • O restante do nome da variável pode ser letra, número ou sublinhado. Qualquer caractere diferente disso não pode.
  • E por último há como todas as linguagens palavras reservadas que não podem ser usadas, se não geram confusões ou problemas maiores 🤯 no código.

Terminado essa explicação vamos às dicas:

1 - Uma variável JavaScript deve ser autodescritiva.

Talvez essa seja a dica mais trivial de todas, afinal, desde pequenos sabemos o que são animais, frutas, números… então conhecer os conjuntos a que pertence a variável acaba sendo um conhecimento de vida.

2 - Um prefixo como is , are ou has em um booleano.

Ajuda todo desenvolvedor JavaScript a distinguir o verdadeiro/falso na hora!

// ruim:
let visible = true;
// bom:
let isVisible = true;
// ruim:
let encryption = true;
// bom:
let hasEncryption = true;
Enter fullscreen mode Exit fullscreen mode

3 - Constantes em letras MAIÚSCULAS.

As constantes são as variáveis que nunca mudam, apenas sofrem adendo.

var SEGUNDOS = 60;
var MINUTOS = 60;
var HORAS = 24;   
var DIA = SEGUNDOS * MINUTOS * HORAS;  
Enter fullscreen mode Exit fullscreen mode

4 - Sublinhados para externos/terceiros.

Ocasionalmente, você encontrará sublinhados na variável ao obter informações de terceiros, como bancos de dados ou APIs.

5 - Evite o traço.

Não é senso comum. Mas traço torna as coisas mais difíceis…

Image description
Não é possível nem declarar uma variável com traço.

Image description

É isso comunidade dev, primeiro post de muitos! <3

Caso queiram se aprofundar mais:
Codeguage
Informit
Google JavaScript Style Guide
JavaScript Naming Conventions

Até a próxima.😁

Top comments (0)