Práticas de codificação de JavaScript | Estrutura de código e sintaxe

Cada idioma tem alguns padrões que todos têm que seguir. Como exemplo, existem algumas regras para falar em inglês, como gramática, vocabulário, etc. O mesmo conceito se aplica às linguagens de programação i.e. Toda linguagem de programação tem uma sintaxe para executar e executar um programa. Neste artigo, falaremos sobre as regras que devemos seguir ao lidar com um programa JavaScript.

Sensibilidade do caso em JavaScript

JavaScript é uma linguagem sensível ao caso, isso significa que, ao lidar com qualquer propriedade interna do JavaScript e lide com ele com cuidado.

Para entender melhor esse conceito, considere o exemplo abaixo:

console.log ("Hello World");
Console.log ("Hello World");

Ambas as declarações são as mesmas, exceto pela primeira letra do console. Agora, a saída resultante verificará se o console, a primeira declaração será executada com sucesso, enquanto a segunda declaração através de um erro:

Da saída acima, podemos analisar que o JavaScript é uma linguagem sensível ao caso. Então, temos que seguir as convenções de nomeação adequadas.

No entanto, nomes de variáveis ​​e nomes de funções, não há essa restrição a seguir. É uma boa convenção usar e seguir a convenção de nomeação de camelo I.e. Varname, funcname.

Declarações em JavaScript

Em JavaScript, um programa é uma coleção de múltiplas instruções, cada instrução é chamada de declaração em javascript. Esta afirmação é composta de algo como diferentes personagens, palavras -chave, métodos ou operadores. JavaScript executa cada declaração passo a passo.

Vamos considerar o exemplo abaixo para descobrir como uma declaração funciona:

console.log ("Hello World");

Neste exemplo, há uma declaração que diz ao navegador para registrar "Hello World" no console:

Semicolons em JavaScript

Em JavaScript, os semicolons são usados ​​como separador, por exemplo, temos várias declarações para executar. Então não podemos escrever cada declaração um após o outro como um parágrafo. Temos que separar todas as instruções com um semicolon. Por exemplo:

var a, b, c a = 5 b = 6 c = 10 console.log ("Valor de A:", a) Console.log ("Valor de B:", B) Console.log ("Valor de C:", C);

Não podemos escrever um programa como fizemos neste exemplo:

Neste exemplo, temos 7 declarações, mas não as separamos, para que esse programa não funcionasse, através de um erro:

Precisamos separar cada declaração, e podemos fazê -lo separando cada declaração por uma nova linha e é uma boa prática escrever apenas uma declaração em cada linha e usar o semicolon após cada declaração, como fizemos no exemplo a seguir:

var a, b, c;
a = 5;
b = 6;
c = 10;
console.log ("Valor de A:", A);
console.log ("Valor de B:", B);
console.log ("Valor de C:", C);

Agora todas as sete declarações são separadas por um ponto de vírgula ";" e JavaScript executará cada declaração uma após a outra:

Na execução bem -sucedida, obteremos a seguinte saída:

No entanto, se as declarações forem escritas em linhas separadas, o JavaScript executaria perfeitamente bem sem usar semicolons no final da declaração e não lançaria erro.

Espaços brancos em javascript

JavaScript não é sensível aos espaços brancos e ignora espaços extras. Considere o exemplo a seguir para entender o conceito de espaços brancos:

var a, b;
a = 5;
b = 6;
console.log ("Valor de A:", A);
console.log ("Valor de B:", B);

Neste exemplo, colocamos inúmeros espaços brancos na forma de espaços, guias e novas linhas em branco entre as diferentes declarações:

A saída confirmará que o JavaScript ignora os espaços extras e imprime a saída no console:

Comentários em JavaScript

JavaScript fornece uma estrutura para os comentários, podemos "comentar" uma única linha ou um segmento de código usando comentários de javascript. Por exemplo:

// console.log ("Hello World");

Os dois cortes avançados "//" comentam uma única linha:

Para comentários multilinas em uso de javascript "/*" no início e "*/" no final:

/*
var a, b, c;
a = 5;
b = 6;
c = 10;
console.log ("Valor de A:", A);
console.log ("Valor de B:", B);
console.log ("Valor de C:", C);
*/

O código entre "/*" e "*/" será comentado:

Palavra -chave reservada em javascript

Existem várias palavras-chave embutidas em JavaScript como Vamos, const, enquanto, para, e outro. Essas palavras -chave são usadas para executar diferentes funcionalidades. Não podemos mudar sua sintaxe de acordo com nossos requisitos. Por exemplo, considere o seguinte exemplo:

deixe se = 5;

Não podemos criar uma variável com a palavra -chave reservada "se":

JavaScript não atribuiria um valor '5' à variável "se". Porque "se" é reservado para as declarações condicionais.

Conclusão

Cuidar das regras de sintaxe e seguir as boas convenções ao lidar com um programa JavaScript é uma boa prática para a qual todo desenvolvedor da web iniciante deve se adaptar. Neste artigo, estudamos a estrutura do código e a sintaxe do JavaScript para obter boas práticas de codificação. Aprendemos que o JavaScript executa um programa de cima para baixo e não é sensível a espaços em branco ou quebras de linha. Então aprendemos a comentar as instruções desnecessárias em um programa.