Quais são as melhores práticas de programação para codificação JavaScript? Esta pode ser uma pergunta difícil de responder. Então, vamos mudar a questão: quais padrões de codificação são os mais populares?
Sideeffect.kr obteve alguns resultados interessantes ao analisar o código-fonte aberto hospedado no GitHub. Vamos dar uma olhada.
Vírgula final vs. vírgula inicial
Citações de fim de linha:
Copie o código do código da seguinte forma:
var foo = 1,
barra = 2,
baz = 3;
varobj = {
foo: 1,
barra: 2,
baz: 3
};
Citação inicial:
Copie o código do código da seguinte forma:
var foo = 1
, barra = 2
, baz = 3;
varobj = {
foo: 1
, barra: 2
, baz: 3
};
Fim de linha, 92,345%; início de linha, 7,655%. (Com base em 1.100.251 confirmações.)
Espaço e guia
Todo mundo adora usar espaços hoje em dia. Usar o recuo de espaço pode garantir que diferentes desenvolvedores e diferentes configurações de editor vejam os mesmos resultados.
Espaço, 81,1%; Guia, 18,9%. (Com base em 2.019.550 envios.)
Se deve adicionar um espaço após a função
sem espaços
Copie o código do código da seguinte forma:
função foo() {
retornar "barra";
}
Existem espaços
Copie o código do código da seguinte forma:
função foo(){
retornar "barra";
}
Sem vagas, 67,424%; com vagas, 32,576%. (Com base em 1.212.488 envios.)
Existem espaços entre parâmetros e parênteses?
sem espaços
Copie o código do código da seguinte forma:
função fn(arg1, arg2) {
//ou
se (verdadeiro) {
Existem espaços
Copie o código do código da seguinte forma:
função fn(arg1, arg2) {
// ...
}
se (verdadeiro) {
// ...
}
Sem vagas, 94,31%; com vagas, 5,69%. (Com base em 1.514.971 envios.)
Existem espaços ao redor dos dois pontos no literal do objeto?
Há um espaço após os dois pontos
Copie o código do código da seguinte forma:
{
foo: 1,
barra: 2,
baz: 3
}
Sem espaço após dois pontos
Copie o código do código da seguinte forma:
{
foo:1,
barra:2,
baz:3
}
Existem espaços antes e depois dos dois pontos
Copie o código do código da seguinte forma:
{
foo: 1,
barra: 2,
baz: 3
}
Espaço à direita, 62,955%; sem espaço, 22,891%; (Com base em 1.300.035 envios.)
Pessoalmente, sinto que nenhum espaço é muito lotado e não propício para distinguir rapidamente chave e valor. Se houver espaços antes e depois, temo que você precise alinhar os dois pontos para torná-lo bonito. A julgar pelas estatísticas, a maioria dos programadores tem preguiça de alinhar os dois pontos (ou será que os IDEs ou editores da maioria dos programadores não são inteligentes). suficiente?)
declaração condicional
Existem espaços
Copie o código do código da seguinte forma:
se (verdadeiro) {
//...
}
enquanto (verdadeiro) {
//...
}
mudar (v) {
//...
}
sem espaços
Copie o código do código da seguinte forma:
se(verdadeiro) {
//...
}
enquanto(verdadeiro) {
//...
}
mudar(v) {
//...
}
Com vagas, 78,276%; sem vagas, 21,724%. (Com base em 1.163.316 envios.)
Aspas simples, aspas duplas
Aspas simples, 56,791%; aspas duplas, 43,209%. (Com base em 1.705.910 envios.)
Resumir
Portanto, os padrões de codificação mais populares são:
• Vírgula de fim de linha
• Recuo de espaço
•Sem espaço após o nome da função
•Sem espaços entre parâmetros de função e parênteses
•Em objetos literais, adicione um espaço após os dois pontos, mas não antes dos dois pontos.
•Adicione um espaço após a palavra-chave da instrução condicional
O que é popular não é necessariamente bom (como a gripe), mas do ponto de vista da comunicação, escrever código em um estilo popular pode fazer com que seu código pareça mais familiar para a maioria das pessoas.