Les fonctions⚓

Ecrire le code "comme il arrive" est suffisant pour un algorithme simple mais on va être très rapidement amené à répéter une même logique plusieurs fois. Pour remédier à ce problème, il est possible d'écrire des fonctions.

Suivre ce tutoriel sur le javascript.

Syntaxe

Les fonctions permettent de stocker en mémoire une certaine logique que l'on pourra utiliser à plusieurs reprises dans la suite de notre code. Elles prennent en général des paramètres et retournent un résultat particulier.

1
function saluer (nom) {
2
    return "Salut " + nom
3
}
4
// On appelle ensuite notre fonction avec
5
saluer('Marc') // Salut Marc

Les fonctions en JavaScript sont un type de variable particulier, il est donc aussi possible de ne pas leur donner de nom, mais de les stocker dans une variable de manière classique.

1
const saluer = function (nom) {
2
    return "Salut " + nom
3
}
4
  • Si la fonction ne return rien à la fin de son exécution alors elle renverra automatiquement la valeur undefined.
  • Si on appelle la fonction en omettant certains paramètres, ils prendront la valeur undefined.
    1
    const demo = function (nom) {
    2
        return "Salut " + nom
    3
    }
    4
    demo() // nom aura la valeur undefined dans la fonction
    On peut préciser une valeur par défaut à un paramètre en utilisant une assignation
    1
    const demo = function (nom = 'John') {
    2
        return "Salut " + nom
    3
    }
    4
    demo() // nom aura la valeur "John" par défaut
Portée des fonctions
Une fonction déclarée dans une variable aura la même portée que les variables (limité au bloc courant). Par contre une fonction déclarée directement avec le mot clef \(function\) aura une portée plus globale :
1
if (true) {
2
    function a() { console.log('a') }
3
}
4
a() // 'a' 
Aussi, l'hoisting fera qu'une fonction peut être appelée avant d'être déclarée
1
a() // 'a' 
2
function a() { console.log('a') }
La portée est limitée si la fonction est déclarée dans une autre fonction
1
function a () { 
2
    console.log('a') 
3
    function b () { console.log('b') }
4
}
5
6
a()
7
b() // b is not defined
this
L'opérateur \(this\) est un opérateur particulier que l'on peut utiliser dans une fonction. La valeur de cet opérateur dépendra de la façon dont une fonction est appelée.
1
function maFonction () {
2
    console.log(this)
3
}
4
5
maFonction.call(3) // this aura la valeur 3
6
maFonction.call(4) // thiis aura la valeur 4
Si une fonction est déclarée sur un objet alors this aura la valeur de l'objet.
1
const a = {
2
  prop: 42,
3
  func: function() {
4
    return this.prop;
5
  },
6
};
7
console.log(a.func()) // '42'
Mais on peut tout de même changer si on appelle la fonction avec \(call()\) ou \(apply()\).
Les fonctions fléchées
Les fonctions fléchées sont une syntaxe alternative (plus courte) pour les fonctions.
1
const hello = (name) => {
2
    console.log(`Bonjour ${name}`)
3
}
Ces fonctions ont comme particularité de ne pas posséder de valeur \(this\)
1
const hello = () => {
2
    console.log(this)
3
}
4
hello() // this sera l'objet global (window dans le cas du navigateur)
5
hello.call(3) // this sera toujours l'objet global
Aussi, si il n'y a qu'une instruction de retour, on pourra simplifier l'appel en retirant les accolades. On pourra aussi retirer les parenthèses si il n'y a qu'un paramètre.
1
2
const double = (n) => {
3
    return 2 * n
4
}
5
// On peut simplifier en retournant directement en retirant les accolades
6
const double = (n) => 2 * n
7
// Et on peut retirer les parenthèses
8
const double = n => 2 * n
Deviner le nombre
Question⚓
 On crée un nombre aléatoire entre 0 et 10, ensuite on demandera à l'utilisateur de deviner ce nombre avec 3 essais. Pour créer la logique on utilisera des fonctions spécifiques
  • Une fonction \(isRight(n)\) qui renverra un booléen si l'utilisateur à la bonne réponse ou non
  • Une fonction \(guess()\) qui permet de faire un essai, cette fonction renverra true ou false en fonction de la réponse donnée
Voici le début du code
1
const solution = Math.floor(Math.random() * 11)
2
Les nombres premiers
Question⚓
Créer une fonction \(isPremier()\) qui permet d'indiquer si un nombre est premier
1
console.log('0', isPremier(0)) // false
2
console.log('1', isPremier(1)) // false
3
console.log('2', isPremier(2)) // true
4
console.log('3', isPremier(3)) // true
5
console.log('11', isPremier(11)) // true
6
console.log('12', isPremier(12)) // falsereturn true
7
}