Javascript - normes et conventions de codage

JavaScript est un langage de programmation Web qui est utilisé pour développer des applications Web et des pages Web et rend l'application Web interactive. Comme tout autre langage de programmation, JavaScript a certaines normes et conventions de codage. La création de grands programmes et le code logiciel devient trop désordonné et incompétent si les normes de codage et les conventions du langage de programmation ne sont pas suivies.

Les normes de codage sont des ensembles de règles et de principes qui définissent le style de programmation, les techniques et les méthodes d'un langage de programmation. Les normes de codage sont une nécessité car, sans eux, chaque employé d'une organisation développera un programme basé sur son style de codage, créant ainsi la confusion et rendant le débogage trop mouvementé. Les normes et conventions de codage entrent donc en jeu, ce qui améliore la lisibilité, la qualité et la facilité de débogage.

Dans cet article, nous allons passer par les normes de codage et les conventions de JavaScript, alors commençons.

Indentation et fonction

Les conventions de codage JavaScript disent que vous utilisez deux espaces pour tirer le code JavaScript et n'utilisez jamais les espaces blancs. Pour les fonctions, utilisez affaire de chameau et pour définir une fonction utilisez le mot-clé fonction:

fonction myfunc ()
var x = 0;

Noms variables

Le nom d'une variable doit commencer par une lettre et affaire de chameau est utilisé pour initialiser les variables ou les fonctions, ce qui signifie que la première lettre doit être une petite lettre et si un autre mot est ajouté après le premier mot, la première lettre de ce mot doit être capitalisée.

var fullname = "jackie chan";

Espaces, tous supports

Laissez toujours des espaces entre les opérateurs tels que (= + - * /) et les virgules:

LET NAY = FNAME + LNAME;
const MyArray = ["Cat", "souris", "chien"];

Directives d'objet

Pour l'utilisation d'objets, les normes de codage incluent les points suivants:

• Le support de départ doit être placé sur la même ligne que le nom de l'objet.
• Entre la propriété d'un objet et sa valeur est un côlon et un espace.
• Les valeurs de chaîne sont couvertes de doubles citations.
• Les valeurs numériques sont simplement écrites et les citations ne sont pas utilisées.
• Une virgule est utilisée après chaque paire de valeurs de propriété sauf la dernière
• Après le support de fermeture de l'objet, ajoutez un point-virgule.
• Les objets qui ont moins de propriétés peuvent être compressés et écrits sur la même ligne en ayant des espaces entre les propriétés.

var personne =
Firstname: "Jackie",
LastName: "Chan",
;
// peut également être écrit sous forme de compression
var person = FirstName: "Jackie", LastName: "Chan";

Directives de déclaration

Une déclaration simple comme l'initialisation d'une variable qui se termine sur une seule ligne devrait avoir un point-virgule à la fin de la ligne:

var name = "Jackie Chan";

Pour une phrase composée, laissez un espace et placez un support d'ouverture après quoi remplissez le reste des phrases dans ce support d'ouverture. Une fois toutes les déclarations terminées, mettez un support de clôture. Il convient de noter que dans une phrase composée, nous ne mettons pas de point-virgule à la fin:

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

Longueur de la ligne

Le codage standard et les conventions indiquent que la longueur des lignes supérieure à 80 devrait être écrite sur une autre ligne en brisant la ligne d'origine afin que le code devienne plus lisible:

document.getElementByid ("Exemple").innerhtml =
"Exemple!"

Extensions de fichiers

Les normes et conventions de codage JavaScript disent que le fichier HTML devrait avoir un .html extension, le fichier CSS doit avoir un .CSS L'extension et le fichier JavaScript devraient avoir un .js extension.

Boucles et conditions

Après l'identification d'une déclaration de contrôle, et après chaque virgule, utilisez un espace blanc. Les instructions conditionnelles codant les conventions et le code des normes sont données ci-dessous:

if (condition1 || condition2)
// quelques déclarations

else if (condition3 && condition4)
// quelques autres déclarations

autre
// Instructions par défaut

Pour Loop Suivez le code ci-dessous:

pour (soit i = 0; i < 5; i++)
x + = i;

commentaires

Les commentaires de blocs sont évités en fonction des normes de codage et des conventions et des commentaires en ligne sont utilisés. Les commentaires sont placés dans la marge gauche et // sont mis au départ.

// un exemple
var name = "jackie";

Conclusion

Les normes et conventions de codage sont un ensemble de règles qui définissent un style de programmation, des techniques et des méthodes et sont suivis pour éviter la confusion et améliorer la lisibilité et le débogage. Le coût de développement est réduit et l'intégration de l'équipe devient très facile lorsque les normes de codage et les conventions sont suivies. Dans cet article, nous avons discuté des normes et conventions de codage JavaScript avec des exemples.