Les valeurs et console.log

console.log(2 + 3) affiche 5, mais console.log("2 + 3") affiche 2 + 3 : ce sont les guillemets qui décident si JavaScript calcule ou recopie.

Tout ce qu'un programme manipule est une valeur

Un programme fait circuler des données : des prix, des noms, des scores, des réponses à des questions par oui ou par non. Chaque donnée isolée est une valeur. Le nombre 42 est une valeur, le texte "Seoul" est une valeur, et la réponse true aussi. Chaque valeur a un type, qui indique à JavaScript de quel genre de chose il s'agit et ce qu'on peut en faire. On peut multiplier deux nombres, mais multiplier deux noms n'a aucun sens : JavaScript doit donc savoir qui est quoi.

Les types de base

JavaScript a un seul type de nombre pour les entiers comme pour les décimaux : 7 et 7.5 sont tous deux des nombres (number). Une chaîne de caractères (string) est une suite de caractères écrite entre guillemets ; les guillemets simples et doubles fonctionnent tous les deux, du moment que les deux extrémités sont identiques. Un booléen (boolean) n'a que deux valeurs possibles, true et false, écrites sans guillemets. Les deux derniers, undefined et null, signifient tous deux « rien ici », et tu les retrouveras quand une variable n'a pas reçu de valeur. La norme ECMAScript définit aussi BigInt et Symbol, dont ce cours n'a pas besoin.

Les guillemets changent le type

La valeur 42 et la valeur "42" se ressemblent une fois affichées, mais elles sont de types différents. La première est un nombre avec lequel on peut calculer. La seconde est une chaîne faite des caractères 4 et 2. L'opérateur typeof donne le type de n'importe quelle valeur, et c'est un moyen rapide de vérifier ce que tu as entre les mains :

console.log(typeof 42);       // number (nombre)
console.log(typeof "42");     // string (chaîne)
console.log(typeof true);     // boolean (booléen)
console.log(typeof "true");   // string (chaîne)

Il se passe la même chose avec les calculs. Sans guillemets, JavaScript calcule d'abord l'expression et affiche le résultat. Avec des guillemets, les caractères sont du texte et sont affichés exactement comme ils ont été tapés :

console.log(2 + 3);     // 5
console.log("2 + 3");   // 2 + 3 (c'est du texte)

Un morceau de code qui produit une valeur, comme 2 + 3 ou typeof 42, s'appelle une expression. Chaque fois que JavaScript rencontre une expression, il l'évalue, c'est-à-dire qu'il la réduit à une seule valeur, puis il utilise cette valeur. Dans console.log(2 + 3), l'expression est évaluée à 5 avant même que console.log la voie.

Afficher plusieurs valeurs à la fois

console.log accepte plusieurs valeurs. Sépare-les par des virgules : elles s'affichent sur une seule ligne, avec une espace entre chacune :

console.log("Age:", 30);              // Age: 30
console.log("Sum:", 4 + 5, "units");  // Sum: 9 units (une seule ligne)

C'est la façon la plus simple d'étiqueter ce que tu affiches pendant que tu travailles. Afficher des valeurs avec une étiquette, comme "Sum:" ci-dessus, est la manière dont les programmeurs vérifient ce que fait un programme à chaque étape. Quand quelque chose se comporte bizarrement, le premier réflexe habituel est d'ajouter un console.log et de regarder.

Exemples corrigés

Exemple 1. console.log(10 - 4) affiche 6, car l'expression est évaluée d'abord. Exemple 2. console.log("10 - 4") affiche 10 - 4, car c'est une chaîne. Exemple 3. console.log(typeof "") affiche string : deux guillemets sans rien entre eux forment quand même une chaîne, appelée chaîne vide. Exemple 4. console.log(typeof 3.0) affiche number ; il n'existe pas de type séparé pour les décimaux.