Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

LES FONCTIONS ANONYMES EN JAVASCRIPT

Présentation des fonctions anonymes et exemple

Les fonctions anonymes ont la particularité de ne pas posséder de nom.

Pour appeler (ou exécuter) ce genre de fonctions, nous allons avoir plusieurs façons de faire en JavaScript.

Pour le moment, nous allons nous arrêter à la plus simple : enfermer la fonction dans une variable, puis ensuite appeler la variable comme une fonction.

On crée une fonction anonyme

On utilise prompt() avec notre fonction anonyme

Notre fonction anonyme affiche son résultat

Essayer ce code !

Ici, on commence par créer une fonction anonyme dont le but est de calculer le carré d’un nombre. Comme vous pouvez le voir, nous ne donnons pas de nom à cette fonction.

Ensuite, on place tout le script de notre fonction dans une variable carre. Cette variable va dorénavant se comporter comme une fonction elle même et, en appelant carre, nous allons donc pouvoir exécuter notre fonction anonyme.

Notez donc que l’on place un point virgule après l’accolade fermante correspondante au code de notre fonction puisqu’on écrit bien une instruction et non pas simplement une déclaration lorsqu’on assigne notre fonction à notre variable.

Comme notre fonction anonyme calcule un carré, il faut lui passer un nombre en argument.

Cette fois-ci, nous allons demander aux utilisateurs de nous fournir ce nombre. Pour faire cela, nous allons utiliser la fonction prompt() qui laisse la possibilité aux utilisateurs de nous envoyer des données.

Cette fonction va prendre un texte précisant le type de données demandées en argument.

Notez que, dans l’absolu, il faudrait vérifier que les données envoyées correspondent bien à un nombre et ne soient pas dangereuses pour notre site. Nous allons passer cette étape pour le moment car ce n'est pas l'objet de la leçon.

Chapitre précédent

Chapitre suivant