À propos de Tarek Jellali•Développeur JavaScript frontend & backend.•Webdesigner et intégrateur Web.•Passionné des nouvelles technologies Web et

OpenSource.•Co-fondateur de ng-enious.

Avant tout, la Console Chrome

JavaScript n’est pas Java• La confusion est courante.• Java est un langage de programmation à part.• JavaScript a une syntaxe très proche du C.• Des objets mais pas de classes en JavaScript (Seulement en ES6).• JavaScript est un langage de programmation très différent du Java.• JavaScript peut être exécuté en étant interprété par le navigateur du

client.• JavaScript peut aussi être exécuté côté serveur via Node.js.

Les types de donnéesA. Les primitives :• number – 1 - 2 - 1000 - 64128 – 11.6 …• string – ‘ISIMM’, "Monastir", "a" …• boolean – true, false• null• undefined

B. Les objets :• Tout le reste.

Déclaration d’un objet simple

Déclaration d’un objet simpleIl est possible d’ajouter une fonction dans notre objet, cette fonction s’appelle alors une « méthode » que l’on peut appeler comme une méthode d’objet très simplement.

Les tableaux• Ce sont aussi des objets !• Intègrent des méthodes d’auto-

incrémentation.• Intègrent des méthodes très

utiles.• Peuvent être traités comme des

piles ou files !

Les fonctions• Les fonctions sont des objets.• Toutes les fonctions ont des propriétés.• Toutes les fonctions ont des méthodes.•On peut copier une fonction, la supprimer, la

surcharger…•Peuvent être « invoqués ».

Déclarer une fonction

Les fonctions sont des objets

Copier & invoquer des fonctions

Spécificité des fonctions• Toutes les fonctions retournent une valeur.• Si aucune valeur n’est spécifiée, elle retournera

implicitement « undefined ».• Les fonctions peuvent retourner des objets et des

fonctions.•On peut passer une fonction dans le paramètre d’une

autre fonction.

Les constructeurs• Sont invoqués avec le mot clé

« new » et retournent un objet « this ».• Il est possible de modifier l’objet

« this » avant qu’il ne soit retourné.

Spécificité des constructeurs•Un constructeur est une fonction.• Il est possible de tester le nom du constructeur.

L’objet console• Spécifique au navigateur.•Permet d’afficher des

donnés visibles uniquement pour le développeur.• Très utile pour le

développement et les tests.

Passage à la pratique