Utilisation des constantes vs valeurs directes en JavaScript

Question

alors moi dans ma logique, quite a creer des constantes et des variables ben j'ai continué...
const prenom = "René";
const nom = "Barousse";
let espace = " ";
console.log(prenom + espace + nom + " !");
du coup valable ou vaut mieux :
console.log(prenom + " " + nom + " !"); ?

Louis-Nicolas Leuillet · Accepted Answer

Alors les deux approches fonctionnent, mais honnêtement la deuxième est meilleure.
Créer une variable espace juste pour stocker un espace, c'est un peu overkill. En général, on crée des variables/constantes quand la valeur a du sens métier ou qu'on va la réutiliser plusieurs fois. Un simple espace, tu vas pas le changer, et " " est parfaitement lisible directement dans le console.log .
Du coup, privilégie :
const prenom = "René";
const nom = "Barousse";
console.log(prenom + " " + nom + " !");
Par contre, ton réflexe de vouloir tout bien organiser avec des constantes, c'est une bonne habitude à garder pour les vraies données. Là où ça devient pertinent, c'est par exemple si tu avais un séparateur spécial que tu utilises partout dans ton code (genre const separateur = " - "; ). Mais pour un simple espace dans une concaténation, garde ça simple !
Tu peux aussi utiliser les templates strings mais on verra tout ça plus tard dans la formation, voici à quoi ça ressemblera :
const prenom = "René";
const nom = "Barousse";
console.log(`${prenom} ${nom} !`);
Pour ta question sur la variable espace qui n’est pas de la même couleur que prenom et nom , c’est parce que prenom et nom sont des constantes avec le mot-clé const , et espace est une variable classique avec le mot-clé let .
Donc rien qu’avec les couleurs tu peux savoir quelle variable est une constante dans Visual Studio Code.

René Barousse · Answer

je reponds en rajoutant une autre question :
dans vscode pourquoi espace est pas de la même couleur que prenom et nom ?

René Barousse · Answer

Ok, bon à savoir tout ça :)

Utilisation des constantes vs valeurs directes en JavaScript

Formation JavaScript (legacy)