« Programmation JavaScript/Ligne d'instruction » : différence entre les versions

Un livre de Wikilivres.
Contenu supprimé Contenu ajouté
Aucun résumé des modifications
DannyS712 (discussion | contributions)
m <source> -> <syntaxhighlight> (phab:T237267)
 
Ligne 9 : Ligne 9 :
En règle générale, on rencontre une ligne d'instruction par ligne de texte. Pour écrire plusieurs instructions sur une même ligne, il est nécessaire de les séparer avec un point-virgule ( ; ). Par habitude, on met souvent des point-virgules à la fin de toutes les instructions en JavaScript mais il faut savoir que leur absence n'est pas une erreur de syntaxe.
En règle générale, on rencontre une ligne d'instruction par ligne de texte. Pour écrire plusieurs instructions sur une même ligne, il est nécessaire de les séparer avec un point-virgule ( ; ). Par habitude, on met souvent des point-virgules à la fin de toutes les instructions en JavaScript mais il faut savoir que leur absence n'est pas une erreur de syntaxe.
{{Cadre code|Juxtaposition d'instructions|
{{Cadre code|Juxtaposition d'instructions|
<source lang="javascript">
<syntaxhighlight lang="javascript">
s1="trois "; s2="mots "; s3="concaténés"; alert(s1+s2+s3);
s1="trois "; s2="mots "; s3="concaténés"; alert(s1+s2+s3);
</source>}}
</syntaxhighlight>}}


Les mêmes instructions sur plusieurs lignes, sans point-virgules (JavaScript "comprend" que chaque nouvelle ligne est une instruction différente) :
Les mêmes instructions sur plusieurs lignes, sans point-virgules (JavaScript "comprend" que chaque nouvelle ligne est une instruction différente) :
{{Cadre code|Fin d'instruction automatique en fin de ligne|
{{Cadre code|Fin d'instruction automatique en fin de ligne|
<source lang="javascript">
<syntaxhighlight lang="javascript">
s1="trois "
s1="trois "
s2="mots "
s2="mots "
s3="concaténés"
s3="concaténés"
alert(s1+s2+s3)
alert(s1+s2+s3)
</source>}}
</syntaxhighlight>}}


Une instruction répartie sur plusieurs lignes (JavaScript "comprend" que chaque nouvelle ligne prolonge l'instruction)
Une instruction répartie sur plusieurs lignes (JavaScript "comprend" que chaque nouvelle ligne prolonge l'instruction)
{{Cadre code|Répartition possible sur plusieurs lignes|
{{Cadre code|Répartition possible sur plusieurs lignes|
<source lang="javascript">
<syntaxhighlight lang="javascript">
alert(
alert(
"trois "
"trois "
+"mots "
+"mots "
+"concaténés")
+"concaténés")
</source>}}
</syntaxhighlight>}}


Intégration de [[programmation JavaScript/Commentaire|commentaires]] :
Intégration de [[programmation JavaScript/Commentaire|commentaires]] :
{{Cadre code|Commentaires|
{{Cadre code|Commentaires|
<source lang="javascript">
<syntaxhighlight lang="javascript">
alert( "trois " // Commentaire en fin de ligne
alert( "trois " // Commentaire en fin de ligne
+ "mots " /* Commentaire multiligne */
+ "mots " /* Commentaire multiligne */
+ /* peut être placé au milieu d'une instruction */ "concaténés"
+ /* peut être placé au milieu d'une instruction */ "concaténés"
);
);
</source>}}
</syntaxhighlight>}}


Ces quatre exemples provoquent l'affichage d'une boite d'avertissement munie de la chaîne "trois mots concaténés". Leur présentation diffère en fonction des besoins d'expressivité et de lisibilité du code tel que voulu par le programmeur.
Ces quatre exemples provoquent l'affichage d'une boite d'avertissement munie de la chaîne "trois mots concaténés". Leur présentation diffère en fonction des besoins d'expressivité et de lisibilité du code tel que voulu par le programmeur.

Version actuelle du 16 avril 2020 à 09:31

Composition d'une instruction[modifier | modifier le wikicode]

Une instruction JavaScript est constituée d'une combinaison d'expressions (identificateurs, variables, opérateurs, expressions littérales, appels de fonctions), parfois précédée d'une déclaration (var, void). Elle peut être suivie ou entrecoupée de commentaires.

Délimitation des instructions[modifier | modifier le wikicode]

Une instruction s'achève lorsqu'une autre instruction commence.
En règle générale, on rencontre une ligne d'instruction par ligne de texte. Pour écrire plusieurs instructions sur une même ligne, il est nécessaire de les séparer avec un point-virgule ( ; ). Par habitude, on met souvent des point-virgules à la fin de toutes les instructions en JavaScript mais il faut savoir que leur absence n'est pas une erreur de syntaxe.

Juxtaposition d'instructions
s1="trois "; s2="mots "; s3="concaténés"; alert(s1+s2+s3);

Les mêmes instructions sur plusieurs lignes, sans point-virgules (JavaScript "comprend" que chaque nouvelle ligne est une instruction différente) :

Fin d'instruction automatique en fin de ligne
s1="trois "
s2="mots "
s3="concaténés"
alert(s1+s2+s3)

Une instruction répartie sur plusieurs lignes (JavaScript "comprend" que chaque nouvelle ligne prolonge l'instruction)

Répartition possible sur plusieurs lignes
alert(
    "trois "
    +"mots "
    +"concaténés")

Intégration de commentaires :

Commentaires
alert(	"trois " // Commentaire en fin de ligne
	+ "mots " /* Commentaire multiligne */
	+ /* peut être placé au milieu d'une instruction */ "concaténés"
	);

Ces quatre exemples provoquent l'affichage d'une boite d'avertissement munie de la chaîne "trois mots concaténés". Leur présentation diffère en fonction des besoins d'expressivité et de lisibilité du code tel que voulu par le programmeur.

Regroupement des lignes d'instructions en blocs[modifier | modifier le wikicode]

Les lignes d'instructions sont regroupées en blocs d'instructions délimités par des accolades.

Note : JavaScript différencie les majuscules et les minuscules. Il convient donc d'être vigilant sur ce point lors de l'écriture des lignes d'instructions pour s'éviter de longues séances de débogage.