17
Que fait ce code? Les fonctions en Javascript

Javascript - Fonctions : que fait ce code ?

Embed Size (px)

Citation preview

Page 1: Javascript - Fonctions : que fait ce code ?

Que fait ce code?Les fonctions en Javascript

Page 2: Javascript - Fonctions : que fait ce code ?

ObjectifA la fin de cette séance, vous serez capables d'écrire des procédures et des fonctions en Javascript.Vous aurez découvert la syntaxe objet des fonctions (mais il nous reste encore du chemin à faire pour maîtriser les objets en Javascript).

Page 3: Javascript - Fonctions : que fait ce code ?

ConditionsUtilisez :- un IDE (Netbeans, Aptana) - et un navigateur avec des outils de développement (ex : Firefox avec Firebug).

Page 4: Javascript - Fonctions : que fait ce code ?

Critères d'évaluationVous réaliserez les fonctions de base d'une calculatrice à partir du code à trous fourni.

Page 5: Javascript - Fonctions : que fait ce code ?

Référenceshttp://www.ecmascript.org/ECMAScript Language SpecificationStandard ECMA-262 3rd Edition - December 1999ECMA-262 5.1 Edition - June 2011

http://www.crockford.com/javascript/survey.htmlhttp://www.xul.fr/ecmascript/

http://www.javascriptkit.com/javatutors/closures.shtmlhttp://jpvincent.developpez.com/tutoriels/javascript/trois-fondamentaux-javascript/

Page 6: Javascript - Fonctions : que fait ce code ?

You talkin' to me?function procedureYodaParler(){

var sMsg = "Beaucoup encore il te reste à apprendre."

alert(sMsg);}

procedureYodaParler();

Page 7: Javascript - Fonctions : que fait ce code ?

Le retour du jeudifunction fonctionYodaPenser(){

var sMsg = "Tu dois désapprendre"+ " tout ce que tu as appris";return sMsg;}

alert(YodaPenser());

Page 8: Javascript - Fonctions : que fait ce code ?

Ca vous barbe?function procedureAfficherMessage(sMsg){

alert(sMsg);}

monMessage = "Une bourse d'or me paraît toujours"+ " un argument sans réplique.";

procedureAfficherMessage(monMessage );

Page 9: Javascript - Fonctions : que fait ce code ?

A court d'arguments?function procedureAfficherMessages(){

var sMsg = "";

for(i = 0; i < arguments.length; i++) { sMsg += arguments[i] + "\n"; }

alert(sMsg);}

var mesMessages = ["Carpe Diem.", "Profitez du jour présent.","Que vos vies soient extraordinaires!"];

procedureAfficherMessages(mesMessages);

Page 10: Javascript - Fonctions : que fait ce code ?

Je ne suis pas (qu')un objet!window.additionner = new Function("a", "b", "return a + b");

additionner(2, 6);// affiche 8

Page 11: Javascript - Fonctions : que fait ce code ?

Construisons ensembleune calculatrice

Page 12: Javascript - Fonctions : que fait ce code ?

Code à trousComplétez le code source fourni.Lorsque l'utilisateur appuie sur le bouton d'un opérateur arithmétique:la valeur saisie ou l'opérateur choisi est mémorisé

Lorsque l'utilisateur appuie sur le bouton "=", l'opération est exécutée et le résultat est affiché dans le champ de saisie.

(Cette calculatrice ne sait réaliser qu'une opération simple à la fois).

Page 13: Javascript - Fonctions : que fait ce code ?

Vrai ou faux?Que fait ce code?

Page 14: Javascript - Fonctions : que fait ce code ?

N'habite pas à l'adresse indiquée...

if( !window.faireQqchose ){

sMsg = "I'm sorry Dave."+ " I'm afraid I Can't do that...";alert (sMsg);}

Page 15: Javascript - Fonctions : que fait ce code ?

BilanObjectif atteint?

Page 16: Javascript - Fonctions : que fait ce code ?

Fin

Page 17: Javascript - Fonctions : que fait ce code ?

La série “Que fait ce code?” de Mickael Ruau

est mise à disposition selon les termes de la licence Creative Commons Attribution -

Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International.

Les autorisations au-delà du champ de cette licence peuvent être obtenues à

[email protected].