Dans le répertoire javascript créez un dossier cours7. Il contiendra tous les fichiers de cette leçon.
Sur l'éditeur Brackets allez dans Fichier, ouvrez un dossier et sélestionnez le dossier cours7. Le nom du dossier s'affiche à gauche.
A l'aide d'un clic droit de la souris sur le nom du dossier, créez un dossier js puis un dossier html.
Définition d'une fonction
Déclaration d'une fonction
Une fonction est un regroupement d'instructions qui réalise que l'on sera mené à répéter.
Ecrivez le prpgramme cours.js dont le code est ci-dessous :
Ce programme permet de créer une fonction nommée direBonjour(). Elle n'est constituée que d'une seule instruction qui affiche sur la console le message "Bonjour !".
L'opération de création d'une fonction s'appelle la déclaration.
La déclaration d'une fonction s'effectue à l'aide du mot-clé JavaScript function suivi du nom de la fonction et d'une paire de parenthèses. Les instructions qui composent la fonction constituent le corps de la fonction. Ces instructions sont placées entre accolades et indentées.
En ligne 7 on fait appel à la fonction direBonjour() déclarée plus haut.
En ligne 9 on fait à nouveau appel à la fonction direBonjour().
L'appel d'une fonction s'effectue en écrivant le nom de la fonction suivi d'une paire de parenthèses.
L'instruction return
En général avec les fonction on utilise l'instruction return qui permet de récupérer dans le programme principal le resultat renvoyé par la fonction.
Ecrivez le prpgramme return.js dont le code est ci-dessous :
En ligne 3 la fonction direBonjour() renvoie la chaîne de caractères "Bonjour".
En ligne 7 le programme principal récupère la chaîne de caractère "Bonjour" dans la variable resultat
Variables locales
Ecrivez le programme variables.js dont le code est ci-dessous :
 |
 |
Nous avons le nom de la variable prenom qui est utilisé deux fois, en ligne 3 dans la fonction et en ligne 9 dans le preogramme principal.
La variable prenom dans la fonction est une variable locale, elle n'est connue que de la fonction, à l'extérieur de la fonction elle est inconnue et donc on peut nommer une variable par le même nom, il n'y aura pas d'interférence. En ligne 11 le programme affiche la valeur de la variable prenom du programme principal alors qu'en ligne 10 le pregramme affiche la valeur de la variable resultat qui contient la valeur de la variable prenom de la fonction.
Paramètres d'une fonction
Nous souhaitons maintenant utiliser la fonction direBonjour() pour des personnes dont on connaît le prenom. Nous souhaiterion alors l'affichage par exemple : Bonjour Paul. Pour cela nous allons ecrire entre les parenthèses de la la fonction le parrametre prenom.
Ecrivez le programme parametre.js dont le code est ci-dessous :
Nous remarquons que la variable prenom de la fonction a été affectée par la valeur de la variable reponse du programme principal.
Autrement dit le programme a fait : prenom=resultat.
On peut faire passer plusieurs paramètres. Modifiez le programme précédent en écrivant le script ci_dessous.
Exercices
Exercice 1
Complétez le programme carre.js ci-dessous pour que la fonction carre() renvoie le carré d'un nombre passé en paramètre.
Exercice 2
Complétez le programme minimum.js ci-dessous pour que la fonction minimum() le plus petir des deux nombres passés en paramètre.
Exercice 3
Complétez le programme calculatrice.js ci-dessous pour que la fonction calculer() gère
les 4 opérations mathématiques de base :
addition ("+"), soustraction ("-"), multiplication ("x") et division ("/").
Exercice 4
Ecrire un programme multiplication.js qui utilise la fonction table(n). Cette fonction affiche la table de multiplication d'un entier n saisi par l'utilisateur.Le résultat obtenu est :
Exercice 5
Ecrire un programme caracteres.js qui utilise la fonction change_cararctere(p,c1,c2). Cette fonction permute les caracteres c1 et c2 dans la phrase p.
p, c1, et c2 seront saisis par l'utilisateur. Le résultat obtenu est :
La récursivité
Définition
Une fonction récursive est une fonction qui s'appelle elle-même.
Par exemple, la fonction ci-dessous calcule la factorielle de n, notée n !, à savoir :
- 0! = 1
- n!=1 x 2 x 3 x ........ x (n-1) x n = (n - 1)! x n .
Soit : 3!=1 x 2 x 3 =6, 4!= 4 x 3 x 2 x 1 =24, 5! = 5 x 4 x 3 x 2 x 1 = 120.
Complétez le programme factorielle.js ci-dessous pour faire afficher n! pour une valeur n saisie par l'utilisateur.
Exercice 6
Écrire le programme puissance.js qui utilise la fonction récursive puissance(b,n). Cette fonction élève b
à la puissance n, où b est un nombre non nul et n un entier positif ou nul. On rappelle que b à la puissance 0 est égal à 1.
Soit : $ 5^0=1,\qquad 5^4 = 5^3 \times 5 = 625$
Exercice 7
Écrire le programme pgcd.js qui utilise la fonction récursive pgcd(a,b).
Cette fonction renvoie le pgcd des entiers positifs a et b. On rappelle que
- pgcd(a,0) = a
- pgcd(a,b)=pgcd(b,r), où r est le reste de la division de a par b.
Soit :
- pgcd(5 , 0) = 5
- pgcd(24 , 18) = pgcd( 18 , 6) = pgcd(6 , 0) = 6 Le reste de la dicision de 24 par 18 est 6 puis le reste de la division de 18 par 6 est 0.
- pgcd( 35 , 24)=pgcd(24,11)=pgcd(11,2)=pgcd(2,1)=pgcd(1,0)=1
Exercice 8
La suite de Fibonacci est une suite de nombres générée de la façon suivante :
- $ u_0=u_1=1$
- $u_{n}=u_{n-2}+u_{n-1}$
On obtient : 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89 .....
Ou encore : $u_0=1,\; u_1=1,\; u_2=u_0+u_1=2,\;u_3=u_1+u_2=3,\; u_4=u_2+u_3=5,\;u_5=u_3+u_4=8,\; u_6 =u_4+u_5= 13,\;u_7=21 .......$ etc.
Écrire le programme fibonacci.js qui utilise la fonction récursive fibonacci(n).
Cette fonction calcule $u_n$, le terme de rang $n$ de cette suite, soit si n = 10, le script affiche 89.
