Le Coin Web de QuentinC - Aide-mémoire de la syntaxe et des mots-clés javascript

Aide-mémoire de la syntaxe et des mots-clés javascript

Voici un aide-mémoire simple, rapide et clair récaplitulant la syntaxe et les mots-clés principaux de javascript.

break

break permet de quitter prématurément une boucle for ou while. Break permet également d'arrêter l'exécution des instructions d'un bloc switch.

Syntaxe

break;

Exemple

L'exemple suivant recherche un élément dans un tableau et utilise break pour quitter la boucle dès que l'élément recherché est trouvé.

var tableau = [10, 12, 144, 157, 209, 67, 3765, 100];
for (var i=0; i <  tableau.length; i++) {
if (tableau[i] == 144) {
alert("144 a été trouvé dans le tableau à l'index " + i + "!");
break;
}
}

Exécuter le script

Caractères spéciaux d'échappement

Un caractère échappé commence par un backslash \. Voici ci-dessous les caractères d'échappement les plus courants :

case

Voir switch.

catch

Voir try.

const

Permet de définir une constante.

Syntaxe

const nom_de_constante = valeur;

Exemple

const ma_constante = 123;

Remarque

Attention : Cette instruction n'est pas compatible avec Internet Explorer, quelque soit la version utilisée.

continue

continue permet, dans une boucle for ou while, de sauter les instructions suivantes jusqu'à la fin de la boucle et de recommencer une nouvelle itération, en commençant par le test sur la ou les variables de contrôle.

Syntaxe

continue;

Exemple

L'exemple suivant utilise deux boucles for et l'instruction continue pour afficher successivement des couples de deux nombres non identiques :

for (var i=1; i <= 3; i++) {
for (var j=1; j <= 3; j++) {
if (i==j) continue;
alert("" + i + "" + j + "");
}}

Exécuter le script

Ce script va afficher dans l'ordre 12, 13, 21, 23, 31, 32.

default

Voir switch.

delete

L'instruction delete permet d'effacer de la mémoire une propriété d'un objet ou une variable globale définie préalablement par le script. Si l'effacement a réussi, l'instruction retourne true, et false sinon.

Syntaxe

delete nom_de_variable;

Remarque

Delete ne fonctionne pas avec les propriétés natives de javascript (c'est-à-dire définies d'office par le navigateur) ainsi que les variables locales ou globales définies à l'aide du mot clé var.

do

Exécute une boucle d'instructions tant qu'une condition n'est pas remplie. Le contenu de la boucle est exécuté au moins une fois car le teste de la condition n'est effectué qu'après l'avoir parcourue.

Syntaxe

do { instructions } while (condition);

Exemple

Le script suivant affiche successivement les nombres de 1 à 5.

var n = 0;
do {
n++;
alert(n);
} while (n < 5);

else

Voir if.

false

Constante qui représente la valeur logique faux

for

Exécute une série d'instructions en principe un nombre connu de fois.

Syntaxe

for (initialisation; condition; incrémentation) { instructions }

Les acolades sont optionnelles s'il n'y a qu'une seule instruction.

L'initialisation consiste à attribuer une valeur de départ à une ou plusieurs variables qui seront utilisés dans la boucle. On appelle alors ces variables des variables de contrôle.

La condition est une expression logique de comparaison. Tant que cette condition n'est pas atteinte, les instructions continueront à être exécutées.

L'incrémentation consiste à mettre à jour les variables de contrôle, le plus souvent en leur ajoutant ou leur retranchant 1.

Exemple

L'exemple suivant affiche les nombres de 1 à 5 :

for (var i=1; i <= 5; i++) {
alert(i);
}

Exécuter le script

function

Définit une fonction dans le script.

Syntaxes

function nom_de_fonction (paramètres) { instructions }

nom_de_fonction = function (paramètres) { instructions }

Ces deux syntaxes sont parfaitement équivalentes.

Exemple

L'exemple suivant crée une fonction qui additionne les deux paramètres fournis :

function additionner (a, b) {
return a+b;
}

ifIF permet de vérifier si une condition est respectée ou non. Si la condition indiquée est vraie, le bloc d'iinstruction entre les acolades sera exécuté. Sinon, s'il y a un bloc else, c'est ce bloc qui sera exécuté. S'il n'y en a pas, il ne se passera rien.

Syntaxe

if (condition) { instructions si la condition est vraie }

if (condition) { instructions si la condition est vraie } else { instructions si la condition est fausse }

Les acolades sont optionnelles s'il n'y a qu'une seule instruction.

Exemple

var x = 3;

if (x < 7) {
alert("" + x + " est inférieur à 7");
}
else {
alert("" + x + " est supérieur ou égal à 7");
}

Exécuter le script

in

Permet d'une part, en conjonction avec for, de parcourir les propriétés d'un objet. D'autre part, in peut être utilisé pour vérifier si une propriété existe dans un objet.

Syntaxes

for (variable_de_controle in objet_a_parcourir) { instructions }

La variable de contrôle prend alors successivement le nom des propriétés de l'objet à parcourir. Vous pouvez accéder aux valeurs en utilisant objet_a_parcourir[valeur_de_controle] .

"nom_de_propriété" in objet

Dans ce cas, cette instruction renvoie true si la propriété existe dans l'objet, false dans le cas contraire. Attention à ne pas oublier les guillemets, sinon nom_de_propriété sera interprété comme étant une variable devant contenir elle-même un nom de propriété à tester.

Exemples

L'exemple suivant crée un petit objet et en affiche les différentes propriétés grâce à la boucle spéciale for in.

var objet = new Object();
objet.propriete1 = 123;
objet.propriete2 = "abcdef";
objet.propriete3 = true;
objet.propriete4 = new Date();

for (var i in objet) {
alert("objet." + i + " = " + objet[i]);
}

Exécuter le script

L'exemple suivant vérifie si la fonction window.print est disponible :

if ("print" in window) alert("window.print est disponible");
else alert("window.print n'est pas disponible");

Exécuter le script

instanceof

Permet de vérifier qu'une variable est d'un certain type. Si la variable testée est de même type que l'objet, l'instruction retourne true, false dans le cas contraire.

Syntaxe

nom_de_variable instanceof Objet

Exemple

L'exemple suivant crée une variable et teste son type avec instanceof.

var d = new Date();
if (d instanceof Array) alert("d est un tableau");
if (d instanceof Object) alert("d est un objet");
if (d instanceof Date) alert("d est une date");
if (d instanceof Number) alert("d est un nombre");

Exécuter le script

Remarque

Les deux syntaxes suivantes sont strictement équivalentes :

variable instanceof Number

typeof(variable) == "number"

Cependant, instanceof est plus précis, comme vous pouvez le voir en exécutant l'exemple.

Objet littéral

Un objet littéral est un objet dont ses propriétés sont déclarées « en ligne » comme s'il s'agissait d'une variable simple.

Syntaxe

var mon_objet_litteral = {
propriete1 : valeur1,
propriete2 : valeur2,
propriete3 : valeur3
};

Opérateur

Un opérateur permet d'effectuer un calcul ou une comparaison, et d'en retourner le résultat. Voici ci-dessous la liste des opérateurs disponibles en javascript :

Opérateurs de calcul

Opérateurs de comparaison

Opérateurs binaires

Opérateurs d'affectation

new

Permet de créer et d'initialiser un objet provenant d'une classe connue, définie nativement (String, Number, Date, Array, ...) ou par un script.

Syntaxe

new Objet(paramètres_du_constructeur)

Exemple

 var aujourd_hui = new Date(); 

null

Constante représentant la valeur logique null, c'est-à-dire l'absence de valeur.

return

Permet de quitter une fonction et de renvoyer une valeur à l'appelant de la fonction.

Syntaxes

return;

return valeur;

return sans préciser de valeur est identique à return undefined;

Exemple

Voir function pour un exemple d'utilisation de return.

switch

Permet d'effectuer une série de tests successifs portant sur une même variable de test.

Syntaxe

switch (variable_a_tester) {
case valeur1 :
instructions
case valeur2 :
instructions
case valeur3 :
instructions
default :
instructions
}

On compare successivement la valeur de la variable à tester avec valeur1, 2 et 3. Si la comparaison est exactement vraie, toutes les instructions qui suivent le « case valeur : » qui a correspondu sont exécutées jusqu'à la fin du bloc switch, à moins qu'une instruction break en interrompe explicitement le parcours. Chaque valeur à vérifier s'indique par le mot-clé case suivi de la valeur à tester et d'un deux-points. Les instructions indiquées dans default seront exécutées si aucune instruction case n'a correspondu. Default est bien sûr facultatif.

Exemples

Ce script crée une variable x et test différentes valeurs :

var x = 2;

switch (x) {
case 0 : alert("x vaut 0 !");
case 1 : alert("x vaut 1 !");
case 2 : alert("x vaut 2 !");
case 3 : alert(" x vaut 3 !");
case  4 : alert("x vaut 4 !");
default : alert("x ne vaut ni 0, ni 1, ni 2, ni 3, ni 4 !");
}

Exécuter le script

Ce script crée une variable x et test différentes valeurs, mais utilise l'instruction break pour interrompre le switch dès qu'une correspondance est trouvée :

var x = 2;

switch (x) {
case 0 : alert("x vaut 0 !");
break;
case 1 : alert("x vaut 1 !");
break;
case 2 : alert("x vaut 2 !");
break;
case 3 : alert(" x vaut 3 !");
break;
case  4 : alert("x vaut 4 !");
break;
default : alert("x ne vaut ni 0, ni 1, ni 2, ni 3, ni 4 !");
break;
}

throw new Error("Et hop un bug de plus");

try {
x++;
alert(x);
} catch (erreur) {
alert("x est indéfini.");
}

var i = 1;
while (i <= 5) {
alert(i);
i++;
}