Le langage JavaScript

1. Bref historique

JavaScript est un langage de programmation créé en 1995 par Brendan Eich qui travaillait pour la société Netscape. Le but originel du langage est de créer des scripts, c’est-à-dire des programmes interprétés, qui sont exécutés par un navigateur, principalement pour manipuler les données du DOM (Document Object Model), c’est-à-dire les objets (au sens informatique du terme) représentant les éléments du document balisé (par exemple, une page HTML) et alloués en mémoire du navigateur.

JavaScript a ensuite beaucoup évolué fonctionnellement (par exemple, en permettant l’accès asynchrone à des données fournies par le serveur) et a même récemment investi le « côté serveur » avec l’environnement Node.js.

Malgré son nom qui peut porter à confusion, JavaScript a très peu de liens avec le langage Java (seulement quelques structures syntaxiques qui proviennent en fait du langage C).

Le langage JavaScript se situe à la confluence...

1. Les variables

Les variables sont typées dynamiquement (et non pas lors de leurs déclarations). Elles sont déclarées par :

var bizarre;  // sa valeur est : undefined 
var i = 0; 
let bool = true; 
const nom = "Pierre"; 

1. Une fonction passée en paramètre (fonction de callback)

L’utilisation des fonctions de callback (ou de rappel) est un élément essentiel du langage JavaScript. 

Passer une fonction en paramètre d’une fonction hôte permet généralement de définir le code :

Utiliser des fonctions de callback est un schéma de programmation très fréquent en JavaScript lors de l’accès asynchrone à des données.

Au travers des deux méthodes forEach() et map() appliquées à des listes, nous donnons ci-après deux exemples de l’emploi des méthodes de callback.

1. Les principes de la programmation objet avec JavaScript

Quasiment tout est objet en JavaScript. Pour autant, ce langage ne gérait pas de classes (contrairement par exemple aux langages Java, C++ ou Python) avant sa normalisation par la norme ECMAScript 6 (en 2015, soit vingt ans après sa création). Nous allons nous appuyer sur cette évolution majeure pour présenter la programmation objet avec JavaScript en trois temps :

Dans leur gestion traditionnelle (sans classes), les objets peuvent être créés de deux façons :

L’héritage étant assuré par des objets particuliers appelés prototypes : c’est l’héritage par délégation.

2. Les objets littéraux

JavaScript se distingue de nombreux langages de programmation par le fait que les objets peuvent être créés littéralement (et ne sont pas des instances de classes). La syntaxe qui permet de formater ces objets lorsque ceux-ci sont sérialisés est appelée JSON (JavaScript Object Notation). Cette syntaxe est devenue extrêmement populaire dans l’échange de données (au détriment de XML).

La gestion des classes en JavaScript a été introduite via la norme ECMAScript 6 et surtout par des extensions du langage JavaScript comme TypeScript ou Dart (voir la webographie).

Soit un objet topPhone défini comme suit :

let topPhone = { "type": "phone", "brand": "Peach", "name": 
"topPhone"}; 

En utilisant les accolades, l’objet créé hérite du « métaobjet » Object (ce point sera détaillé ultérieurement).

Une propriété d’un objet peut avoir n’importe quelle valeur :

1. La norme ECMAScript

ECMAScript est un ensemble de normes de programmation recommandées pour les langages de script. Ces normes sont principalement appliquées par les interpréteurs JavaScript (ceux des navigateurs et par Node.js).

Ces recommandations étant très nombreuses, nous ne détaillerons que quelques-unes de celles définies en 2015 (norme ECMAScript 6), qui ont considérablement fait évoluer le langage et qui sont largement diffusées depuis :

2. Le mot réservé let

Le mot réservé let limite la portée de la variable qu’il introduit au bloc d’instructions courant.

Il est, par exemple, systématiquement utilisé pour les variables locales aux structures itératives :

for (let <variable> in ...) { ... } 
for (let <variable> of ...) { ... } 

Il est possible que vous soyez tenu d’utiliser...