Erros comuns a serem evitados durante a codificação em javascript

Não importa em que nível de desenvolvedor você esteja, há chances de você cometer um erro. Esses erros podem variar de sintaxe a erros de funções complexos que acabam causando uma série de erros em seu aplicativo. É bom ter um desenvolvedor sênior para examinar seu código e encontrar os erros, mas é melhor você aprender com seus próprios erros e erros e melhorá -los com o tempo.

Embora o JavaScript seja uma linguagem fácil de aprender, ainda assim, muitos desenvolvedores, por que sejam bons desenvolvedores, cometem alguns erros comuns. Esses erros fazem com que seu código pareça ineficiente, desorganizado e cheio de erros. Aqui, neste artigo, abordaremos erros comuns a serem evitados durante a codificação em javascript para tornar seu código livre de erros e eficiente.

Erros comuns em seu código

A seguir, a lista que reunimos sobre os erros comuns cometidos por todos os tipos de desenvolvedores em JavaScript. Dessa maneira, você pode entender melhor os conceitos e evitar esses erros no futuro.

Maneira incorreta de colocar seu script:

O erro mais comum que os desenvolvedores cometem é colocar seu script em um arquivo html incorretamente. Na maioria das vezes, o script está acessando elementos HTML. Ao colocar a tag na cabeça de um arquivo html, causará um erro. Aqui está um exemplo:

Isso não gerará nenhuma saída, enquanto que a colocação da tag de script no final da sua página resolverá esse problema. Mas ainda assim, se você quiser usar uma tag de script na cabeça de um arquivo html, basta adicionar o atributo “adiar”Na etiqueta do script. Aqui está um exemplo de uso de adiamento.

Uso incorreto de (=), (==), (===) operadores

Em JavaScript, outro erro comum é o uso incorreto de “=","==" e "===”. O "=”O operador é um operador de atribuição em JavaScript, que é usado para atribuir valores a diferentes variáveis.

Enquanto, "==" e "===Os operadores são usados ​​para comparação. ““==" é usado para "solto”Comparação de duas variáveis ​​ignorando seus tipos de dados. Enquanto "===”É um operador de comparação estrita que verifica o tipo de dados de duas variáveis.

Abaixo está um exemplo para entender melhor a diferença de cada operador e melhorar seu conceito para evitar esses erros:

Seja x = 55;
Seja y = 55;
Seja z = "55";
console.log (booleano (x == y));
console.log (booleano (x === y));
console.log (booleano (y == z));
console.log (booleano (y === z));

Aqui, primeiro atribuímos às variáveis ​​alguns valores usando os operadores de atribuição “=”. Em seguida, usando operadores de comparação, comparamos seus valores.

Saída:

Aqui, quando comparamos a string com um número, "==" nos deu verdadeiro porque não verificou os tipos de dados de ambas as variáveis. Considerando que "===" nos deu falsa, pois também verifica os tipos de dados de variáveis.

Adição versus concatenação

Para adicionar números ou cordas, o operador “+" é usado. Por causa disso, obtemos saídas diferentes. Por exemplo, se adicionarmos um número com uma string numérica, ele gerará uma saída diferente em comparação com a adição de dois números.

Seja x = 5;
deixe y = "5";
Seja z = 20;
console.log (x+y);
console.log (x+z);

Saída:

Como não podemos definir o tipo de dados em javascript enquanto declarar variáveis ​​e se esses tipos não forem tratados adequadamente, isso causa alguns resultados imprevisíveis mostrados pelo exemplo acima.

Indefinido vs nulo

Ambos podem parecer semelhantes, mas são totalmente diferentes um do outro. Indefinido é quando você não atribuiu um valor a nenhuma variável. Enquanto, Nulo é um valor de atribuição que pode ser atribuído a variáveis. Mesmo se você comparar esses dois através de um operador de comparação estrita, ele dará um valor falso. Aqui está um exemplo:

deixe x;
Seja z = nulo;
console.log (x);
console.log (z);
console.log (tipo de x);
console.log (tipo de z);
console.log (booleano (z === x));

Saída:

Aqui, o tipo de indefinido é indefinido, enquanto o de nulo é um objeto. Portanto, quando comparado, gerou falso como uma saída.

Magamento semicolon

O erro mais comum que os desenvolvedores cometem é colocar o ponto e vírgula no final de uma função. Por exemplo:

Seja x = 1;
if (x == 19);

console.log ("hello");

Nisso, a colocação de ";" Semicolon no final da segunda linha executará o bloco de código fornecido, independentemente da condição.

Saída:

Para evitar esse tipo de erro, reescreva seu código como:

Dessa forma, ele verificou a condição e, portanto, nenhuma saída foi gerada.

Quebrando uma corda em JavaScript

Para quebrar uma corda do meio ou iniciar sua frase da próxima linha, você não pode pretender. Em vez disso, você usa a reação “\” para esse fim.

Seja x = "Ei \
lá";
console.log (x);

Saída:

Conclusão

Neste artigo, discutimos vários erros comuns cometidos durante a codificação em JavaScript. Qualquer um pode cometer esses erros, por isso é melhor entender o javascript trabalhando com mais profundidade. Aprender com esses erros e evitá -los no futuro o ajudará a criar um código mais organizado e eficiente.

Não entender completamente o funcionamento do JavaScript pode levar a erros estúpidos que causam erros em seu programa. Da próxima vez que você estiver codificando, mantenha os pontos acima em sua mente e crie um código sem erros.