Mr.

JADLI AISSAM 27/11/2020

Environnement de Développement
NodeJS

Présenté par : JADLI AISSAM

/ in / ja d li- a is s a m - 8 6 a 6 9 8 4 3 SÉANCE 2 ja d lia is s a m @ g m a il.c o m

SOMMAIRE

Nouveautés Promises
JavaScript
ES6 Async/await

Mr. JADLI AISSAM 2

ESTEM 2020 1
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

Syntaxe
Le mot clé var permet de déclarer des variables avec ou sans
initialisation.
Les commentaires JavaScript peuvent être
utilisés pour expliquer le code JavaScript
et le rendre plus lisible.
Les commentaires JavaScript peuvent
également être utilisés pour empêcher
l’exécution, lors du test de code alternatif.
Mr. JADLI AISSAM 3

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

Data Types
Les variables JavaScript peuvent contenir différents types de données sans limitation.

JavaScript évalue les expressions

de gauche à droite. Différentes
séquences peuvent produire des
résultats différents :

Mr. JADLI AISSAM 4

ESTEM 2020 2
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

Data Types
Une chaîne (ou une chaîne de texte) est une série de caractères comme « John Doe ».

Vous pouvez utiliser des guillemets à l’intérieur d’une chaîne, tant qu’ils ne
correspondent pas aux guillemets entourant la chaîne.

Mr. JADLI AISSAM 5

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

Data Types
Dans JavaScript, une variable sans valeur, a la valeur undefined. Le type est également
undefined.

undefined et null sont égaux en valeur mais de type différent :

Mr. JADLI AISSAM 6

ESTEM 2020 3
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

Les Fonctions
Une fonction JavaScript est un bloc de code conçu pour effectuer une tâche particulière.
Une fonction JavaScript est exécutée lorsque « quelque chose » l’invoque (l’appelle).

Les variables déclarées dans une fonction JavaScript,

deviennent locales à la fonction. Les variables locales ne
peuvent être consultées qu’à partir de l’intérieur de la fonction.

Mr. JADLI AISSAM 7

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

Les Objets
Vous définissez (et créez) un objet JavaScript avec un objet littéral

Les objets peuvent également avoir des méthodes.

Les méthodes sont des actions qui peuvent être
effectuées sur des objets.

Mr. JADLI AISSAM 8

ESTEM 2020 4
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

Les Objets
Vous pouvez accéder aux propriétés des objets de deux façons :

Vous accédez à une méthode objet avec la syntaxe suivante :

Mr. JADLI AISSAM 9

R A P P E L S J AVA S C R I P T PHILOSOPHIE DE NODEJS E n v i r o n n e m e nt d e Tr a v a i l

JavaScript Date
Les objets de date sont créés avec le constructeur new Date().
Il existe 4 façons de créer un nouvel objet de date :

Mr. JADLI AISSAM 10

ESTEM 2020 5
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 E n v i r o n n e m e nt d e Tr a v a i l

ECMASCRIPT 6

ECMAScript 6, également
connu sous le nom d’ES6
et ECMAScript 2015, a
été la deuxième révision
majeure de JavaScript.

Mr. JADLI AISSAM 11

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 E n v i r o n n e m e nt d e Tr a v a i l

Nouvelles Fonctionnalités ES6

 Les mots clés let et const
 Les Fonctions JavaScript Arrow (=>)
 Les Classe JavaScript
 Les Promesses JavaScript
 Symbole JavaScript
 Valeurs de paramètres par défaut
 Paramètre de repos de fonction
 … etc.
Mr. JADLI AISSAM 12

ESTEM 2020 6
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 E n v i r o n n e m e nt d e Tr a v a i l

Les mots clés let et const

Le mot clé let vous permet de déclarer une variable avec une portée de bloc

Variables définies avec const se comportent comme des

variables let, sauf qu’elles ne peuvent pas être réaffectées :

Mr. JADLI AISSAM 13

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 E n v i r o n n e m e nt d e Tr a v a i l

Les mots clés let et const

Le mot clé const ne définit PAS une valeur constante. Il définit une référence constante à
une valeur.

Mr. JADLI AISSAM 14

ESTEM 2020 7
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 E n v i r o n n e m e nt d e Tr a v a i l

Les Fonctions Fléchées (=>)

Les fonctions Arrow nous permettent d’écrire une syntaxe de fonction plus courte :

Si la fonction n’a qu’une seule instruction et que l’instruction renvoie une valeur, vous
pouvez supprimer les crochets et le mot clé return.

Mr. JADLI AISSAM 15

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 E n v i r o n n e m e nt d e Tr a v a i l

Les Classes
Les classes JavaScript sont des modèles pour
les objets JavaScript.

Mr. JADLI AISSAM 16

ESTEM 2020 8
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

Les Callbacks
Les fonctions JavaScript sont
exécutées dans la séquence qu’elles
sont appelées. Pas dans la séquence,
ils sont définis.
Parfois, vous souhaitez avoir un
meilleur contrôle sur le moment
d’exécuter une fonction.

Mr. JADLI AISSAM 17

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

Les Callbacks

À l’aide d’un callback, vous

pouvez appeler la fonction
myCalculator() avec un
callback, et la laisser
exécuter le rappel une fois
le calcul terminé.

Mr. JADLI AISSAM 18

ESTEM 2020 9
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

Callback Hell

Mr. JADLI AISSAM 19

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

JavaScript Promises : « Je promets un résultat! »

Un objet JavaScript Promise
contient à la fois le code de
production et les appels vers le
code de consommation.
Lorsque le code d’exécution
obtient le résultat, il doit
appeler l’un des deux rappels :
resolve() ou reject()
Mr. JADLI AISSAM 20

ESTEM 2020 10
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

JavaScript Promises : « Je promets un résultat! »

Un objet JavaScript Promise peut être :
 En Attente (Pending)
 Résolu (Resolved)
 Rejeté (Rejected)

L’objet Promise prend en charge deux propriétés : l’état et le résultat.

Bien qu’un objet Promise soit « en attente » (pending), le résultat n’est pas défini.
Lorsqu’un objet Promise est « résolu», le résultat est une valeur.
Lorsqu’un objet Promise est « rejeté », le résultat est un objet d’erreur.
Mr. JADLI AISSAM 21

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

JavaScript Promises : « Je promets un résultat! »

Exemple

Mr. JADLI AISSAM 22

ESTEM 2020 11
Mr. JADLI AISSAM 27/11/2020

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

async/await
Le mot clé await avant une fonction fait attendre la
fonction pour une promesse.

Mr. JADLI AISSAM 23

R A P P E L S J AVA S C R I P T ECMASCRIPT 6 C al lb ac ks/ Pro mise/Async

async/await
Le mot clé async doit être ajouté avant le nom de la fonction utilisant le mot-clé await.

Mr. JADLI AISSAM 24

ESTEM 2020 12
Mr. JADLI AISSAM 27/11/2020

TRAVAUX PRATIQUES
Mr. JADLI AISSAM 25

ESTEM 2020 13