Spécifications du code JavaScript


Tout JavaScript Les mêmes normes s'appliquent aux projets.

Spécifications du code JavaScript

Les spécifications du code incluent généralement les aspects suivants :

  • Règles de dénomination des variables et des fonctions

  • Règles d'utilisation des espaces, des retraits et des commentaires.

  • Autres spécifications couramment utilisées...

Le code standard peut être plus facile à lire et à maintenir.

Les spécifications du code sont généralement stipulées avant le développement et peuvent être négociées et définies avec les membres de votre équipe. " John"

;
lastName =

"Doe"

;

prix = 19.90

;
taxe =
0,20;
fullPrice = prix + (prix * taxe);

espace et opérateurfonctionnement normal Vous il faut ajouter des espaces avant et après les symboles ( = + - * / ) :
Exemple :

var
x = y + z;

var

valeurs = [

"Volvo"

,
"Saab"

,

"Fiat"
];
Indentation du codeUtilisez généralement 4 symboles d'espace pour indenter les blocs de code : Fonction :
fonction
toCelsius(fahrenheit) {
 

retour

(

5

/
9

) * (fahrenheit -

32
);}

Règles de déclaration

Règles générales pour les déclarations simples :

  • Une déclaration se termine généralement par un symbole.

Exemple :

var valeurs = ["Volvo", "Saab ", "Fiat"];

var personne = {
prénom : "Jean",
nom de famille : "Biche",
âge : 50,
couleur des yeux : "bleu"
};

Règles générales pour les instructions complexes :

  • Mettre l'accolade ouvrante sur la première ligne la fin de.

  • Ajoutez un espace avant l'accolade gauche.

  • Mettez l'accolade fermante sur sa propre ligne.

  • Ne terminez pas une instruction complexe par un point-virgule.

Fonction :

fonction toCelsius(fahrenheit) {
 retour (5 / 9) * (fahrenheit - 32);
}


Boucle :

pour (i = 0; i < 5; i++) {
x += i;
}


Instruction conditionnelle :

si (heure < 20 ) {
salutation = "Bonne journée";
} else {
Greeting = "Bonsoir";
}

Règles d'objet

Règles définies d'objet :

  • Mettez l'accolade ouvrante sur la même ligne que le nom de la classe.

  • Il y a un espace entre les deux points et la valeur de l'attribut.

  • Utilisez des guillemets doubles pour les chaînes, mais pas pour les nombres.

  • N'ajoutez pas de virgule après la dernière paire attribut-valeur.

  • Mettez l'accolade droite sur sa propre ligne et terminez-la par un symbole.

Exemple :

var personne = {
prénom : "Jean",
nom de famille : "Biche",
âge : 50,
couleur des yeux : "bleu"
};

Le code objet court peut être écrit directement sur une seule ligne :

Exemple :

var person = {firstName:"John" , nom :"Biche", âge :50, couleur des yeux :"bleu"};

chaque ligne de caractères de code doit être inférieure à 80

Afin de faciliter la lecture, il est recommandé que chaque ligne de caractères comporte moins de 80 caractères.

Si une instruction JavaScript dépasse 80 caractères, il est recommandé de couper la ligne après l'opérateur ou la virgule.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h1>我的 Web 页面</h1>
<p>
建议在运算符或者逗号后换行。
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
    "Hello php.";
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Règles de dénomination

Généralement, les règles de dénomination de nombreux langages de code sont similaires, par exemple :

  • Les variables et les fonctions sont camel case ( camelCase)

  • Les variables globales sont en majuscules (MAJUSCULES )

  • Constantes (tels que PI) sont en majuscules ( MAJUSCULES )

Que vous utilisiez ces règles pour la dénomination des variables : hyp-hens, camelCase, ou under_scores ?

Caractère barre de main (-) en HTML et CSS :

Les attributs HTML5 peuvent commencer par data- (par exemple : données-quantité, données-prix) comme préfixe.

CSS utilise - pour concaténer les noms de propriétés (font-size).

Note- 通常在 JavaScript 中被认为是减法，所以不允许使用。

Souligné :

De nombreux programmeurs préfèrent utiliser des traits de soulignement (tels que : date_of_birth), notamment en SQL dans la base de données.

Le langage PHP utilise généralement des traits de soulignement.

PascalCase :

PascalCase est plus courant en langage C.

Cas Camel :

Le cas Camel est généralement recommandé en JavaScript, et jQuery et d'autres bibliothèques JavaScript utilisent le cas Camel.

Note变量名不要以 $ 作为开始标记，会与很多 JavaScript 库冲突。

HTML charge les fichiers JavaScript externes

Charge les fichiers JavaScript en utilisant un format concis (l'attribut type n'est pas obligatoire) :

< script src="myscript.js">

Utilisez JavaScript pour accéder Éléments HTML

Un HTML mal formaté peut provoquer des erreurs d'exécution de JavaScript.

Les deux instructions JavaScript suivantes produiront des résultats différents :

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="Demo">段落 1。</p>
<p id="demo">段落 2。</p>
<script>
// 只有段落 2 会被替换
document.getElementById("demo").innerHTML = "HELLO.";
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne

Essayez d'utiliser les mêmes règles de dénomination pour HTML et JavaScript.

Accédez aux spécifications du code HTML(5).

Extension de fichier

Le suffixe du fichier HTML peut être .html (ou r .htm).

Le suffixe du fichier CSS est .css.

Le suffixe du fichier JavaScript est .js .

Utilisez des noms de fichiers en minuscules

La plupart des serveurs Web (Apache, Unix) sont sensibles à la casse : london.jpg n'est pas accessible via London.jpg.

Les autres serveurs Web (Microsoft, IIS) ne sont pas sensibles à la casse : london.jpg est accessible sous London.jpg ou london.jpg.

Vous devez conserver un style cohérent et nous vous recommandons d'utiliser systématiquement les noms de fichiers en minuscules.


←