JavaScript - Padrões e convenções de codificação

JavaScript é uma linguagem de programação da Web usada para desenvolver aplicativos da Web e páginas da Web e torna o aplicativo da web interativo. Como qualquer outra linguagem de programação, o JavaScript possui alguns padrões e convenções de codificação. Criar programas grandes e código de software se torna muito confuso e inquente se os padrões de codificação e convenções da linguagem de programação não forem seguidos.

Os padrões de codificação são conjuntos de regras e princípios que definem o estilo, técnicas e métodos de programação de uma linguagem de programação. Os padrões de codificação são uma necessidade, pois, sem eles, todos os funcionários de uma organização desenvolverão um programa com base em seu estilo de codificação, criando a confusão e tornando a depuração muito agitada. Os padrões e convenções de codificação, portanto, entram em jogo, o que melhora a legibilidade do código, a qualidade e facilitando a depuração.

Neste post, passaremos pelos padrões e convenções de codificação de JavaScript, então, vamos começar.

Indentação e função

Convenções de codificação JavaScript dizem que usam dois espaços para recuar o código JavaScript e nunca use espaços de branco à direita. Para funções, use Camelcase e para definir uma função, use a palavra -chave função:

function myfunc ()
var x = 0;

Nomes variáveis

O nome de uma variável deve começar com uma carta e Camelcase é usado para inicializar variáveis ​​ou funções, o que significa que a primeira letra deve ser uma pequena letra e se outra palavra for adicionada após a primeira palavra, a primeira letra dessa palavra deve ser capitalizada.

var fullname = "Jackie Chan";

Espaços, todos os colchetes

Sempre deixe espaços entre operadores como (= + - * /) e vírgulas:

Deixe o nome = fname + lname;
const myarray = ["gato", "mouse", "cachorro"];

Diretrizes de objetos

Para usar objetos, os padrões de codificação incluem os seguintes pontos:

• O suporte inicial deve ser colocado na mesma linha que o nome do objeto.
• Entre a propriedade de um objeto e seu valor é um cólon e um espaço.
• Os valores de string são cobertos com citações duplas.
• Os valores numéricos são simplesmente escritos e as citações não são usadas.
• Uma vírgula é usada após cada par de valor da propriedade, exceto o último
• Após o suporte de fechamento do objeto, adicione um semicolon.
• Objetos que têm menos propriedades podem ser compactados e escritos na mesma linha, tendo espaços entre propriedades.

var pessoa =
primeiro nome: "Jackie",
Nome do último: "Chan",
;
// também pode ser escrito em forma de compactação
var pessoa = FirstName: "Jackie", LastName: "Chan";

Diretrizes de declaração

Uma declaração simples como inicializar uma variável que termina em uma única linha deve ter um ponto de vírgula no final da linha:

var name = "Jackie Chan";

Para uma frase composta, deixe um espaço e coloque um suporte de abertura após o que preencha o restante das frases naquele suporte de abertura. Depois que todas as declarações terminarem, coloque um suporte fechado. Deve -se notar que, em uma frase composta, não colocamos um ponto de vírgula no final:

para (i = 0; i < 3; i++)
a *= i;

Comprimento da linha

Codificação e convenções padrão dizem que o comprimento das linhas maiores que 80 deve ser escrito em outra linha, quebrando a linha original para que o código se torne mais legível:

documento.getElementById ("exemplo").inerhtml =
"Exemplo!";

Extensões de arquivo

Padrões e convenções de codificação de JavaScript dizem que o arquivo html deve ter um .html Extensão, o arquivo CSS deve ter um .CSS extensão e o arquivo JavaScript deve ter um .JS extensão.

Loops e condições

Após a identificação de uma declaração de controle, e depois de cada vírgula, use espaço em branco. As declarações condicionais de codificação e código de padrões são fornecidas abaixo:

if (condition1 || condição2)
// Algumas declarações

else if (condition3 && condicional4)
// Algumas outras declarações

outro
// declarações padrão

Para o loop, siga o código abaixo:

para (vamos i = 0; i < 5; i++)
x += i;

Comentários

Os comentários do bloco são evitados de acordo com os padrões de codificação e convenções e comentários de linha são usados. Os comentários são colocados na margem esquerda e // são colocados no início.

// um exemplo
var name = "Jackie";

Conclusão

Os padrões e convenções de codificação são um conjunto de regras que definem um estilo, técnicas e métodos de linguagem de programação e são seguidos para evitar confusão e aprimorar a legibilidade e a depuração. O custo de desenvolvimento é reduzido e a integração da equipe se torna muito fácil quando os padrões e convenções de codificação são seguidos. Neste post, discutimos os padrões e convenções de codificação JavaScript com exemplos.