Erreurs courantes à éviter lors du codage en javascript

Quel que soit le niveau de développeur dans lequel vous vous trouvez, il y a des chances que vous fassez une erreur. Ces erreurs peuvent varier de la syntaxe aux fonctions de fonctions complexes qui finiront par provoquer une série d'erreurs dans votre application. C'est une bonne chose d'avoir un développeur principal pour examiner votre code et trouver les erreurs, mais il vaut mieux apprendre de vos propres erreurs et bévues et de les améliorer avec le temps.

Bien que JavaScript soit une langue facile à apprendre, encore de nombreux développeurs, peu importe leur qualité de développeurs, faites des erreurs courantes. Ces erreurs font que votre code semble inefficace, désorganisé et plein d'erreurs. Ici, dans cet article, nous couvrirons les erreurs courantes à éviter lors du codage en JavaScript afin de rendre votre code sans erreur sans.

Erreurs courantes dans votre code

Voici la liste que nous avons rassemblée concernant les erreurs courantes commises par toutes sortes de développeurs en JavaScript. De cette façon, vous pouvez mieux comprendre les concepts et éviter ces erreurs à l'avenir.

Façon incorrecte de placer votre script:

L'erreur la plus courante que les développeurs font est de mettre leur script dans un fichier HTML incorrectement. La plupart du temps, le script accède aux éléments HTML. En plaçant la balise dans la tête d'un fichier HTML, provoquera une erreur. Voici un exemple:

Cela ne générera aucune sortie, tandis que la place de la balise de script à la fin de votre page résoudra ce problème. Mais quand même, si vous souhaitez utiliser une balise de script dans la tête d'un fichier HTML, ajoutez simplement l'attribut "reporter"Dans la balise de script. Voici un exemple d'utilisation.

Utilisation incorrecte des opérateurs (=), (==), (===)

En JavaScript, une autre erreur courante est l'utilisation incorrecte de «=","==" et "===". Le "=»L'opérateur est un opérateur d'assignation en javascript qui est utilisé pour attribuer des valeurs à différentes variables.

Alors que, "==" et "===»Les opérateurs sont utilisés pour la comparaison. "==" est utilisé pour "lâche»Comparaison de deux variables en ignorant leurs types de données. Alors que "==="Est un opérateur de comparaison strict qui vérifie le type de données de deux variables.

Vous trouverez ci-dessous un exemple pour mieux comprendre la différence de chaque opérateur et améliorer votre concept pour éviter de telles erreurs:

Soit x = 55;
Soit y = 55;
Soit z = "55";
console.log (boolean (x == y));
console.log (boolean (x === y));
console.log (boolean (y == z));
console.log (boolean (y === z));

Ici, nous avons d'abord attribué aux variables certaines valeurs à l'aide des opérateurs d'attribution «=». Puis en utilisant des opérateurs de comparaison, nous avons comparé leurs valeurs.

Sortir:

Ici, lorsque nous avons comparé la chaîne avec un nombre, «==» nous a donné vrai car il n'a pas vérifié les types de données des deux variables. Tandis que «===» nous a donné faux, car la stricité vérifie également les types de données des variables.

Ajout vs concaténation

Pour l'ajout de nombres ou de chaînes, l'opérateur "+" est utilisé. Pour cette raison, nous obtenons des sorties différentes. Par exemple, si nous ajoutons un nombre avec une chaîne numérique, il générera une sortie différente par rapport à l'ajout de deux nombres.

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

Sortir:

Comme nous ne pouvons pas définir le type de données en JavaScript tout en déclarant les variables, et si ces types ne sont pas correctement gérés, il provoque des résultats imprévisibles indiqués à travers l'exemple ci-dessus.

Undefined vs null

Les deux peuvent être similaires mais ils sont totalement différents les uns des autres. Indéfini c'est quand vous n'avez attribué aucune valeur à aucune variable. Alors que, Nul est une valeur d'affectation qui peut être attribuée aux variables. Même si vous comparez ces deux via un opérateur de comparaison strict, cela donnera une fausse valeur. Voici un exemple:

Laissez x;
Soit z = null;
console.log (x);
console.log (z);
console.journal (typeof x);
console.journal (typeof z);
console.log (boolean (z === x));

Sortir:

Ici, le type de indéfini n'est pas défini alors que celui de nul est un objet. Par conséquent, comparé, il a généré de faux comme une sortie.

Mispillage des demi-colons

Les erreurs les plus courantes que les développeurs font consiste à placer le point-virgule à la fin d'une fonction. Par exemple:

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

console.log ("bonjour");

En cela, le placement de «;» Le point-virgule à la fin de la deuxième ligne exécutera le bloc de code donné, quelle que soit la condition.

Sortir:

Pour éviter ce type d'erreurs, réécrivez votre code comme suit:

De cette façon, il a vérifié la condition et donc aucune sortie n'a été générée.

Briser une chaîne en javascript

Pour casser une chaîne du milieu ou démarrer votre phrase à partir de la ligne suivante, vous ne pouvez pas l'intention. Vous devez plutôt utiliser le contrecoup «\» à cet effet.

Laissez x = "hey \
là";
console.log (x);

Sortir:

Conclusion

Dans cet article, nous avons discuté de diverses erreurs courantes commises lors du codage en javascript. Tout le monde peut faire ces erreurs, il est donc préférable de comprendre que le javascript travaille avec plus de profondeur. Apprendre de ces erreurs et les éviter à l'avenir vous aidera à créer un code plus organisé et efficace.

Ne pas comprendre pleinement le fonctionnement de JavaScript peut entraîner des erreurs stupides qui provoquent des erros dans votre programme. La prochaine fois lorsque vous codiez, gardez les points ci-dessus dans votre esprit et créez un code sans erreur.