Programmation JavaScript/Introduction

Programmation JavaScript

1. Introduction

   Programmer en deux minutes

   • Page wiki
   • Compteur en temps réel
   • Site dans un document

2. Outils de développement
3. Syntaxe
   1. Ligne d'instruction
   2. Ordre d'évaluation
   3. Bloc d'instructions
   4. Identificateurs
   5. Expression littérale
   6. Commentaire
   7. Mots réservés
   8. Variables
   9. Opérateurs
   10. Structures de contrôle
   11. Exceptions et erreurs
   12. Fonctions utilisateur
   13. Évènement
4. Objets prédéfinis
   1. window
   2. document
   3. navigator
   4. Array
   5. Boolean
   6. Date
   7. Error
   8. Function
   9. Math
   10. Number
   11. Object
   12. String
   13. Element
   14. RegExp
5. Fonctions prédéfinies
6. Programmation avancée
   1. Opérateurs de bits
   2. Fermeture
   3. Programmation objet
   4. Notation JSON
   5. AJAX
   6. Stockage
   7. Générateurs
   8. Interface DOM
   9. Objets Microsoft
7. Frameworks
   1. Dojo

      Hello World

      Widgets

      Ressources

   2. jQuery
   3. Node.js
   4. React.js
8. Tests
   1. Ava
   2. Jest
   3. Cypress
9. Débogage
10. Erreurs connues
11. Références

JavaScript (alias JS) est un langage de programmation utilisé initialement par les navigateurs web, dont le champ d’application s’est progressivement étendu aux serveurs web et aux applications graphiques. Il partage avec Java une syntaxe inspirée du langage C, mais leurs similitudes s'arrêtent là. Il fut créé par Netscape sous le nom LiveScript en 1996.

Le noyau du JavaScript est aujourd'hui défini par le standard ECMA 262, connu aussi sous l'appellation ECMAScript (ES).

Les fichiers JavaScript possèdent l'extension .js, mais on trouve aussi des .ts correspondant au TypeScript. Il s'agit d'un sur-ensemble syntaxique strict de JavaScript créé par Microsoft en 2012 pour améliorer et de sécuriser le JS.

Intégré directement au sein des pages Web, le JavaScript est alors exécuté par le client Web (par opposition au serveur Web) : c'est le navigateur Web qui prend en charge l'exécution de ces bouts de programme, manipulant leur environnement, appelés scripts.

Généralement, JavaScript sert à interagir avec le document HTML et ses feuilles de style CSS via l'interface DOM (Document Object Model ; on parle de HTML dynamique ou DHTML pour désigner cette intégration des trois langages). JavaScript est ainsi utilisé pour réaliser des services dynamiques en communication avec le serveur Web, la plupart du temps grâce à une technique appelée (abusivement) AJAX.

Il est souvent source de difficultés dues aux nombreuses versions différentes de l'interpréteur et du DOM, dépendantes des éditeurs de navigateurs. Chacun ayant développé sa propre variante supportant (presque) le standard ECMAScript, un ou deux des deux standards DOM, et possédant de surcroît des fonctionnalités supplémentaires et incompatibles.

Versions

Voici les différentes versions du JavaScript par année :

• ES2015 / ES6
• ES2016 / ES7
• ES2017 / ES8
• ES2018 / ES9
• ES2019 / ES10
• ES2020 / ES11
• ES2021 / ES12
• ES2022 / ES13
• ES2023 / ES14

Moteurs JS

Côté client, le langage est compilé par les navigateurs : ils parsent le script, créent l'arbre de la syntaxe abstraite (AST), l'optimisent, génèrent du code à octets en juste-à-temps (JIT) à partir de l'arbre, puis le code machine spécifique au hardware avec cela, et enfin l'exécute.

Les principaux moteurs de JS sont :

• V8 de Google, Google Chrome, Electron, Chromium, node.js
• SpiderMonkey de Mozilla, Firefox
• JavaScriptCore d'Apple, Safari
• ActionScript d'Adobe, Flash