Javascript

1 - Historique et emplois

2 - Syntaxe

• 2.1 - Instruction
  Figure 1 - Exemple de mauvaise interprétation liée à une écriture sur deux lignes (a) ou d’une écriture correcte (b)
• 2.2 - Commentaires
• 2.3 - Nombres
• 2.4 - Chaînes de caractères
  Figure 2 - Différentes écritures de chaîne Figure 3 - Création d’une chaîne par patron
• 2.5 - Identificateurs
  Figure 4 - Exemple de caractères Unicode dans une chaîne et une variable
• 2.6 - Expressions rationnelles
  Figure 5 - Exemple d’expressions rationnelles
• 2.7 - Données composites
  Figure 6 - Exemples d’écriture de tables associatives

3 - Valeurs

• 3.1 - Nombres
  Figure 7 - Utilisation de prédicats spécialisés pour nombres
• 3.2 - Valeurs de vérité
  Figure 8 - Comparaisons : identité et égalité Figure 9 - Résultats inattendus de conversion automatique
• 3.3 - Objets
  Figure 10 - Description des objets Figure 11 - Encapsulation de l’accès aux propriétés dans des fonctions Figure 12 - Définition des attributs des propriétés avec Object.defineProperty
• 3.4 - Tableaux
  Figure 13 - Exemple de tableau
• 3.5 - Fonctions
  Figure 14 - Exemple de fonction Figure 15 - Autre syntaxe pour la définition d’une fonction Figure 16 - Écriture d’une fonction avec le mot-clé arguments Figure 17 - Écriture d’une fonction avec arguments en tableau (a) et d’un itérable en une séquence de valeurs (b) Figure 18 - Graphie ECMAScript 2015 avec une flèche => Figure 19 - Initialisation explicite de variables manquantes Figure 20 - Définition d’une fonction dans une fonction Figure 21 - Utilisation des variables externes et internes Figure 22 - Utilisation des directions var Figure 23 - Exemple de fermeture Figure 24 - Exemple de « module du pauvre » Figure 25 - Exemple de lecture et modification d’une variable capturée Figure 26 - Erreur classique dans la capture de liaisons Figure 27 - Définition correcte de capture de liaisons Figure 28 - Définition correcte de capture de liaisons avec ECMAScript 2015 Figure 29 - Exemple de stockage de valeurs fantaisistes

4 - Instructions

• 4.1 - Opérateurs
• 4.2 - Contrôle
  Figure 30 - Structure de contrôle Javascript

5 - Environnement global

• 5.1 - Anciens modules
  Figure 32 - Importation de module util (a) et utilisation avec Node.js
• 5.2 - Modules d’ECMAScript 2015
  Figure 33 - Réécriture du module de la figure 31 avec ECMAScript 2015 (a) et importation avec Node.js (b)

6 - Héritage et prototypes

• 6.1 - Propriétés
  Figure 34 - Modification d’une propriété
• 6.2 - Comportements
  Figure 35 - Syntaxe d’une propriété (a) et utilisation de la méthode particulière call
• 6.3 - Constructeurs
  Figure 36 - Mécanisme de constructeur
• 6.4 - Factorisation
  Figure 37 - Création de deux instances de Point, leur constructeur et leur prototype. Figure 38 - Définition d’une méthode de classe Figure 39 - Méthode tg de classe
• 6.5 - Héritage
  Figure 40 - Sous-classe des points colorés Figure 41 - Deux méthodes de définition de la sous-classe PointColoré
• 6.6 - Hiérarchie
• 6.7 - Syntaxes
  Figure 42 - Autre écriture de l’exemple des points colorés avec ECMAScript 2015 Figure 43 - Création dynamique de nouvelles classes
• 6.8 - Conclusions

7 - Concurrence

• 7.1 - Programmation par suites
• 7.2 - Séquence par enchâssement de suites
• 7.3 - Concurrence avec suite similaire
  Figure 44 - Définition d’une fonction fetch (a) et mise en œuvre de façon « propre » séquentiellement (b) et en parallèle (c) Figure 45 - version séquentielle Figure 46 - version parallèle avec état global explicite
• 7.4 - Promesses
  Figure 47 - version parallèle avec promesses
• 7.5 - Arbre de promesses
  Figure 48 - Création d’une promesse avec utilisation des méthodes then et catch (a) et en séparant calcul et affichage Figure 49 - Version parallèle avec arbre de promesses et leurs conséquences

8 - Générateur

• 8.1 - Générateur linéaire
• 8.2 - Générateur bouclant
  Figure 50 - Utilisation d’un générateur : (a) illustration des pauses possibles (b) génération bouclant pour le calcul de la suite de Fibonacci (c) encapsulation du générateur dans une fonction
• 8.3 - Générateur et asynchronisme
  Figure 51 - Concaténation de deux pages Web (a) écriture linéaire du code (b) écriture de la fonction process
• 8.4 - Futur
  Figure 52 - Usage des mots-clés asynch et await

9 - Conclusions