« Programmation JavaScript/Expression littérale » : différence entre les versions

 

Ce qui suit est valide pour le code JavaScript écrit dans les fichiers externes, ou entre les balises <script> </script>. En ce qui concerne le code associé aux évènements (onclick, onload...), l'approche est différente.

ma_var = "une chaîne exprimée littéralement";

mon_nombre = 12; // un nombre littéral;

alert("Ce message est une chaîne littérale");

 

Ces expressions littérales peuvent être des chaînes, ou des nombres.

 

{{Erreur volontaire}}

alert("le titre de l'article : "les joies de l'informatique"");

// ne marche pas

... à la place, on peut écrire:

alert("le titre de l'article : " +

'"' + "les joies de l'informatique" + '"' );

... mais c'est affreux.

 

==== L'échappement des guillemets simples (\') ou double (\") ====

Précédé d'un anti-slash, les guillemets ne feront plus office de délimiteur de chaîne, et ceci permet de les inclure comme de simples symboles de ponctuation.

alert("Mon nom est \"Personne\""); // affiche : Mon nom est "Personne"

 

==== Le retour à la ligne avec \n ====

 

{{Erreur volontaire}}

alert("première,

deuxième

et troisième ligne");

// ne marche pas

 

Il faudra utiliser à la place l'écriture suivante :

alert("première, \ndeuxième \net troisième ligne");

... affiche :

première,

==== La tabulation avec \t ====

La séquence d'échappement \t insère un caractère de tabulation dans la chaîne, et permet ainsi de formater l'affichage. Le caractère de tabulation est codé 9 en décimal et 09 en hexadécimal.

alert("colonne 1 \tcolonne 2 \tcolonne 3");

 

==== L'inclusion de caractères unicode avec \u ====

Ces codes '''hexadécimaux''' sont présentés avec ''4 (ou 5) chiffres héxadécimaux'', et la séquence d'échappement \u nécessite d'écrire ces 4 chiffres sous peine d'un déclenchement d'erreur.

 

alert("Rodrigue as-tu du c\u0153ur?");

... affiche Rodrigue as-tu du c'''œ'''ur?

 

=== Les nombres négatifs ===

En plaçant le signe moins ( - ) devant le nombre, on obtient ce nombre en négatif, et ceci qu'il soit noté comme entier, réel, octal, hexadécimal ou exponentiel.

ma_var = -5;

 

=== Les entiers ===

Ils s'écrivent tel quel, c'est la représentation par défaut, employant les chiffres 0 à 9.

ma_var = 12;

 

=== Les réels ===

Le signe de séparation de la partie entière est le point ( . )

ma_var = 8.65;

 

=== L'octal ===

Un nombre commençant par zero et ne comprenant que les chiffres de 0 à 7 sera interprété en octal.

ma_var = 0257;

 

=== L'hexadécimal ===

Un nombre commençant par 0x (ou 0X) comprenant les chiffres et les lettres abcdef en minuscule, majuscule ou les deux, sera interprété en hexadécimal.

ma_var = 0xf044;

 

=== La notation scientifique ===

En faisant suivre un nombre entier ou réel de la lettre e (ou E), elle-même suivie d'un entier positif ou négatif, on obtient un nombre en '''notation scientifique'''.

ma_var = 2.5e40; // Un grand nombre : 2,5 * 10 exposant 40

ma_var = 50e-30 // Un tout petit nombre

 

=== Taille des nombres ===

Sa rédaction obéit alors aux règles de rédaction des attributs des balises, qui n'autorisent pas tout.

 

<div onclick="alert('Je suis cliqué')">cliquez moi!</div>

 

Html, comme xhtml, ne reconnaît pas les séquences de type \uHHHH. Nous devons nous limiter aux caractères échappés classiques, amputés de ( \" ) et ( \' ). En effet, ces deux caractères ne seront pas interprétables comme valeur de la propriété de la balise.

L'entité commence par le caractère & (esperluette ou "et commercial") et finit par un point-virgule. Entre ces deux symboles, on rencontre soit un identificateur ( &'''lt'''; &'''gt'''; &'''amp''';), soit le code du caractère exprimé en '''décimal''' et précédé du signe sharp (#) (&amp;#160; &amp;#339;).

 

<div onclick="alert('Je suis &#34;cliqué&#34;')"> // Affiche: Je suis "cliqué"

cliquez moi!

</div>

... Mission accomplie.