Comprendre le return et la portée des variables en programmation

Question

J'ai un petit souci qui me largue complètement :
Pour moi tu crées une variable result dans la fonction, le return renvoie le résultat dans la variable result (suis même pas sûr de moi là). La variable result appartient à la fonction et donc quand on sort de la fonction elle n'existe plus.
Du coup si tu crées à nouveau une variable result en dehors de la fonction, grosso modo on se retrouve avec une variable locale et une variable globale qui ont le même nom (oui ça me perturbe beaucoup ce moment-là).
Du coup return permet de créer une variable globale pour récupérer le résultat, donc de passer de local à global ?
Bref suis perdu !

Louis-Nicolas Leuillet · Accepted Answer

Alors, je comprends ta confusion, mais en fait tu mélanges deux choses différentes.
Le return ne crée pas de variable, il renvoie juste une valeur. C'est tout. Quand tu fais return result dans ta fonction, tu dis simplement "voilà la valeur que je renvoie à celui qui m'a appelé". La variable result à l'intérieur de la fonction disparaît effectivement après l'exécution, mais la valeur qu'elle contenait, elle, est transmise.
Du coup, quand tu écris ça :
function addition(a, b) {
let result = a + b;
return result;
}
let result = addition(5, 3);
Tu as bien deux variables result différentes, oui. Mais elles n'ont aucun lien entre elles, à part le nom. Tu aurais pu écrire :
let monResultat = addition(5, 3);
Ça marcherait exactement pareil. La fonction renvoie la valeur 8 , et toi tu la stockes où tu veux, dans la variable que tu veux. Le return ne "passe" pas une variable de local à global, il transmet juste une valeur que tu récupères ensuite comme tu le souhaites.

René Barousse · Answer

Dire que result permet de récupérer le résultat d'une fonction dans une variable en dehors de la fonction est juste, du coup ?

Louis-Nicolas Leuillet · Answer

Pas tout à fait. C'est pas result qui permet ça, c'est return . La variable result dans la fonction, c'est juste un conteneur temporaire que tu utilises si tu veux, mais tu pourrais très bien écrire directement return a + b; sans jamais créer de variable.
Ce qui te permet de récupérer le résultat d'une fonction, c'est le mot-clé return . Lui, il dit "je renvoie cette valeur à l'extérieur". Ensuite, à l'extérieur, tu fais ce que tu veux de cette valeur : tu la stockes dans une variable, tu l'affiches directement, tu la passes à une autre fonction, etc.
Donc pour reformuler : return permet de renvoyer une valeur depuis une fonction, et toi tu peux ensuite stocker cette valeur dans une variable en dehors de la fonction. Le nom de cette variable extérieure, tu le choisis librement.

René Barousse · Answer

Oui, pardon, j’ai mal posé. Je voulais dire return . Du coup, avec return , la phrase est juste ?

Louis-Nicolas Leuillet · Answer

Oui, c'est juste. Tu peux dire que return permet de renvoyer le résultat d'une fonction pour le récupérer dans une variable à l'extérieur de la fonction.
Après, pour être vraiment précis, return renvoie une valeur . Ce que tu fais de cette valeur ensuite, c'est ton choix : tu peux la stocker dans une variable, l'afficher directement avec console.log() , ou même l'ignorer complètement. Mais dans la pratique, oui, le cas le plus courant c'est effectivement de la récupérer dans une variable pour l'utiliser après.
Pour bien comprendre, voici la différence entre les deux approches :
Avec return (recommandé) :
function calculerDouble(nombre) {
return nombre * 2;
}
let resultat = calculerDouble(5);
console.log(resultat); // 10
Avec une variable globale (à éviter) :
let resultat;
function calculerDouble(nombre) {
resultat = nombre * 2;
}
calculerDouble(5);
console.log(resultat); // 10
Les deux fonctionnent, mais la première approche avec return est bien meilleure : ta fonction est indépendante, réutilisable, et tu ne risques pas de modifier accidentellement une variable globale ailleurs dans ton code.
Du coup t'as bien compris le principe, t'étais juste un peu embrouillé sur le vocabulaire au départ !

Comprendre le return et la portée des variables en programmation

Formation JavaScript (legacy)