Pratiques de codage JavaScript | Structure du code et syntaxe

Chaque langue a des normes que tout le monde doit suivre. À titre d'exemple, il existe des règles pour parler en anglais comme la grammaire, le vocabulaire, etc. Le même concept s'applique dans les langages de programmation I.e. Chaque langage de programmation a une syntaxe pour exécuter et exécuter un programme. Dans cet article, nous parlerons des règles que nous devons suivre tout en traitant un programme JavaScript.

Sensibilité à la casse en JavaScript

JavaScript est un langage sensible à la casse, cela signifie que lorsque vous traitez avec une propriété intégrée de JavaScript, puis traitez-le avec soin.

Pour mieux comprendre ce concept, considérez l'exemple donné ci-dessous:

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

Les deux déclarations sont les mêmes à l'exception de la première lettre de la console. Maintenant, la sortie résultante vérifiera que la console, la première instruction s'exécutera avec succès tandis que la deuxième instruction sera par une erreur:

D'après la sortie ci-dessus, nous pouvons analyser que JavaScript est un langage sensible au cas. Nous devons donc suivre les conventions de dénomination appropriées.

Cependant, les noms de variables et les noms de fonction, il n'y a pas de restriction à suivre. C'est une bonne convention à utiliser et à suivre la convention de dénomination des chameaux I.e. varname, funcname.

Déclarations en javascript

Dans JavaScript, un programme est une collection de multiples instructions, chaque instruction est appelée déclaration dans JavaScript. Cette déclaration est composée de quelque chose comme différents caractères, mots clés, méthodes ou opérateurs. JavaScript exécute chaque instruction étape par étape.

Prenons l'exemple ci-dessous pour comprendre comment fonctionne une déclaration:

console.Log ("Hello World");

Dans cet exemple, il y a une déclaration qui indique au navigateur de enregistrer «Hello World» sur la console:

Semicolons en javascript

En JavaScript, les demi-colons sont utilisés comme séparateur, par exemple, nous avons plusieurs instructions pour exécuter. Ensuite, nous ne pouvons pas rédiger chaque déclaration l'une après l'autre comme un paragraphe. Nous devons séparer toutes les instructions avec un point-virgule. Par exemple:

var a, b, c a = 5 b = 6 c = 10 console.journal ("valeur de a:", a) console.Log ("Valeur de B:", B) Console.log ("valeur de c:", c);

Nous ne pouvons pas écrire un programme comme nous l'avons fait dans cet exemple:

Dans cet exemple, nous avons 7 déclarations, mais nous ne les avons pas séparés, donc ce programme ne fonctionnerait pas, il le fera par une erreur:

Nous devons séparer chaque instruction, et nous pouvons le faire en séparant chaque instruction par une nouvelle ligne et c'est une bonne pratique de rédiger une seule instruction dans chaque ligne et d'utiliser un point-virgule après chaque instruction, comme nous l'avons fait dans l'exemple suivant:

var a, b, c;
a = 5;
b = 6;
c = 10;
console.log ("valeur de a:", a);
console.log ("valeur de b:", b);
console.log ("valeur de c:", c);

Maintenant, les sept déclarations sont séparées par un point-virgule «;» et JavaScript exécutera chaque instruction l'une après l'autre:

Sur une exécution réussie, nous obtiendrons la sortie suivante:

Cependant, si les instructions sont écrites en lignes distinctes, JavaScript s'exécuterait parfaitement bien sans utiliser de demi-colons à la fin de l'instruction et ne jetterait aucune erreur.

Espaces blancs en javascript

JavaScript n'est pas sensible aux espaces blancs et il ignore les espaces supplémentaires. Considérez l'exemple suivant pour comprendre le concept des espaces blancs:

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

Dans cet exemple, nous mettons de nombreux espaces blancs sous la forme d'espaces vierges, d'onglets et de nouvelles lignes entre les différentes déclarations:

La sortie confirmera que JavaScript ignore les espaces supplémentaires et imprime la sortie sur la console:

Commentaires en javascript

JavaScript fournit une structure pour les commentaires, nous pouvons «commenter» une seule ligne ou un segment de code à l'aide de commentaires JavaScript. Par exemple:

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

Les deux tronçons avant «//» commentent une seule ligne:

Pour des commentaires multilines en javascript use "/ *" au début et "* /" à la fin:

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

Le code entre «/ *» et «* /» sera commenté:

Mot-clé réservé en javascript

Il existe un certain nombre de mots clés intégrés en javascript comme que, const, tandis que, pour, et autre. Ces mots clés sont utilisés pour effectuer différentes fonctionnalités. Nous ne pouvons pas modifier leur syntaxe en fonction de nos exigences. Par exemple, considérez l'exemple suivant:

Soit si = 5;

Nous ne pouvons pas créer une variable avec le mot-clé réservé "si":

JavaScript n'attribuerait pas de valeur «5» à la variable "si". Parce que "si" est réservé aux déclarations conditionnelles.

Conclusion

Prendre soin des règles de syntaxe et suivre les bonnes conventions tout en traitant d'un programme JavaScript est une bonne pratique à laquelle chaque développeur Web débutant doit s'adapter. Dans cet article, nous avons étudié la structure du code et la syntaxe de JavaScript pour de bonnes pratiques de codage. Nous avons appris que JavaScript exécute un programme de haut en bas et qu'il n'est pas sensible aux espaces blancs ou aux pauses de ligne. Ensuite, nous apprenons à commenter les instructions inutiles dans un programme.