JavaScript

En résumé

• Le Javascript est un langage de programmation interprété, c'est-à-dire qu'il a besoin d'un interpréteur pour pouvoir être exécuté.
• Le Javascript est utilisé majoritairement au sein des pages Web.
• Tout comme le HTML, le Javascript est exécuté par le navigateur de l'internaute : on parle d'un comportement client-side, par opposition au server-side lorsque le code est exécuté par le serveur.
• Le Javascript est standardisé par l'ECMA International sous le nom d'ECMAScript qui constitue la référence du langage. D'autres langages découlent de l'ECMAScript, comme ActionScript, EX4 ou encore JScript.NET.
• La dernière version standardisée du Javascript est basée sur l'ECMAScript 5, sorti en 2009.

En résumé

• Les instructions doivent êtres séparées par un point-virgule.
• Un code Javascript bien présenté est plus lisible et plus facilement modifiable.
• Il est possible d'inclure des commentaires au moyen des caractères //, /* et */.
• Les codes Javascript se placent dans un élément <script>.
• Il est possible d'inclure un fichier Javascript grâce à l'attribut src de l'élément <script>.

var myVariable;
var myvariable;
var MYVARIABLE;

Le Javascript étant un langage sensible à la casse

var myVariable = 5.5

var myVariable1, myVariable2 = 4, myVariable3;

var isTrue = true;
var isFalse = false;
var vrai=true;
    alert(typeof vrai);

var userName = prompt('Entrez votre prénom :');
alert(userName); // Affiche le prénom entré par l'utilisateur



var first, second, result;
first = prompt('Entrez le premier chiffre :');
second = prompt('Entrez le second chiffre :');
result = parseInt(first) + parseInt(second);
alert(result);

En résumé

• Une variable est un moyen pour stocker une valeur.
• On utilise le mot clé var pour déclarer une variable, et on utilise = pour affecter une valeur à la variable.
• Les variables sont typées dynamiquement, ce qui veut dire que l'on n'a pas besoin de spécifier le type de contenu que la variable va contenir.
• Grâce à différents opérateurs, on peut faire des opérations entre les variables.
• L'opérateur + permet de concaténer des chaînes de caractères, c'est-à-dire de les mettre bout à bout.
• La fonction prompt() permet d'interagir avec l'utilisateur.

var number = 4, text = '4', result;

result = number == text;
alert(result); // Affiche  « true » alors que « number » est un nombre et « text » une chaîne de caractères

result = number === text;
alert(result); // Affiche « false » car cet opérateur compare aussi les types des variables en plus de leurs valeurs

if (confirm('Pour accéder à ce site vous devez avoir 18 ans ou plus, cliquez sur "OK" si c\'est le cas.')) {
    alert('Vous allez être redirigé vers le site.');
}

else {
    alert("Désolé, vous n'avez pas accès à ce site.");
}

var floor = parseInt(prompt("Entrez l'étage où l'ascenseur doit se rendre (de -2 à 30) :"));

if (floor == 0) {

    alert('Vous vous trouvez déjà au rez-de-chaussée.');

} else if (-2 <= floor && floor <= 30) {

    alert("Direction l'étage n°" + floor + ' !');

} else {

    alert("L'étage spécifié n'existe pas.");

}

var drawer = parseInt(prompt('Choisissez le tiroir à ouvrir (1 à 4) :'));

switch (drawer) {
    case 1:
        alert('Contient divers outils pour dessiner : du papier, des crayons, etc.');
    break;

    case 2:
        alert('Contient du matériel informatique : des câbles, des composants, etc.');
    break;

    case 3:
        alert('Ah ? Ce tiroir est fermé à clé ! Dommage !');
    break;

    case 4:
        alert('Contient des vêtements : des chemises, des pantalons, etc.');
    break;

    default:
        alert("Info du jour : le meuble ne contient que 4 tiroirs et, jusqu'à preuve du contraire, les tiroirs négatifs n'existent pas.");
}

var startMessage = 'Votre catégorie : ',
    endMessage,
    adult = confirm('Êtes-vous majeur ?');

endMessage = adult ? '18+' : '-18';

alert(startMessage + endMessage);

En résumé

• Une condition retourne une valeur booléenne : true ou false.
• De nombreux opérateurs existent afin de tester des conditions et ils peuvent être combinés entre eux.
• La condition if else est la plus utilisée et permet de combiner les conditions.
• Quand il s'agit de tester une égalité entre une multitude de valeurs, la condition switch est préférable.
• Les ternaires sont un moyen concis d'écrire des conditions if else et ont l'avantage de retourner une valeur.

var number = 1;

while (number < 10) {
    number++;
}

alert(number); // Affiche : « 10 »

do {
    instruction_1;
    instruction_2;
    instruction_3;
} while (condition);

for (var iter = 0; iter < 5; iter++) {
    alert('Itération n°' + iter);
}

En résumé

L'incrémentation est importante au sein des boucles. Incrémenter ou décrémenter signifie ajouter ou soustraire une unité à une variable. Le comportement d'un opérateur d'incrémentation est différent s'il se place avant ou après la variable.
La boucle while permet de répéter une liste d'instructions tant que la condition est vérifiée.
La boucle do while est une variante de while qui sera exécutée au moins une fois, peu importe la condition.
La boucle for est une boucle utilisée pour répéter une liste d'instructions un certain nombre de fois. C'est donc une variante très ciblée de la boucle while.

function showMsg() {
    alert('Et une première fonction, une !');
}

showMsg();

function sayHello() {
    return 'Bonjour !';
    alert('Attention ! Le texte arrive !');
}

alert(sayHello());

var sayHello = function() {
    alert('Bonjour !');
};

(function() { // Début de la zone isolée

    var test = 'blanc'; // On crée une variable du même nom avec le contenu « blanc » dans la zone isolée
  
    alert('Dans la zone isolée, la couleur est : ' + test);

})();

function prompt2(text, allowCancel) {

    if (typeof allowCancel === 'undefined') { // Souvenez-vous de typeof, pour vérifier le type d'une variable
        allowCancel = false;
    }

En résumé

• Il existe des fonctions natives, mais il est aussi possible d'en créer, avec le mot-clé function.
• Les variables déclarées avec var au sein d'une fonction ne sont accessibles que dans cette fonction.
• Il faut éviter le plus possible d'avoir recours aux variables globales.
• Une fonction peut recevoir un nombre défini ou indéfini de paramètres. Elle peut aussi retourner une valeur ou ne rien retourner du tout.
• Des fonctions qui ne portent pas de nom sont des fonctions anonymes et servent à isoler une partie du code.

var myArray = new Array('Sébastien', 'Laurence', 'Ludovic', 'Pauline', 'Guillaume');

myArray[1] = 'Clarisse';

alert(myArray[1]);

myArray.push('Pauline', 'Guillaume'); // Ajoute « Pauline » et « Guillaume » à la fin du tableau

myArray.shift(); // Retire « Sébastien »
myArray.pop(); // Retire « Guillaume »



var cousinsString = 'Pauline Guillaume Clarisse',
    cousinsArray  = cousinsString.split(' ');
alert(cousinsArray);

var cousinsString_2 = cousinsArray.join('-');
alert(cousinsString_2);


var family = {
    self:     'Sébastien',
    sister:   'Laurence',
    brother:  'Ludovic',
    cousin_1: 'Pauline',
    cousin_2: 'Guillaume'
};

family['sister'];
family['uncle'] = 'Didier'; // « Didier » est ajouté et est accessible via l'identifiant « uncle »
for (var id in family) { // On stocke l'identifiant dans « id » pour parcourir l'objet « family »
 
    alert(family[id]);
  
}

En résumé

• Un objet contient un constructeur, des propriétés et des méthodes.
• Les tableaux sont des variables qui contiennent plusieurs valeurs, chacune étant accessible au moyen d'un indice.
• Les indices d'un tableau sont toujours numérotés à partir de 0. Ainsi, la première valeur porte l'indice 0.
• Des opérations peuvent être réalisées sur les tableaux, comme ajouter des items ou en supprimer.
• Pour parcourir un tableau, on utilise généralement une boucle for, puisqu'on connaît, grâce à la propriété length, le nombre d'items du tableau.
• Les objets littéraux sont une variante des tableaux où chaque item est accessible via un identifiant et non un indice.