[Comprendre les Variables en Programmation]
Salut HaWker ! Jeff Bruchado par ici.
C'est le troisieme article de notre serie d'articles qui va couvrir notre voyage pour Apprendre la Programmation depuis Zero.
Bon, sans tourner autour du pot, commencons !
Dans l'univers de la programmation, les variables ont un role fondamental. En JavaScript, ce role est amplifie par sa dynamicite et sa versatilite.
Cet article vise a elucider ce que sont les variables, comment les declarer, et comment elles se comportent dans l'environnement JavaScript. JavaScript qui est le langage que nous avons choisi pour etudier la Programmation depuis Zero.
Que sont les variables ?
Les Variables, en termes simples, sont des "boites" ou nous stockons des valeurs. Imaginez que vous avez une serie de tiroirs, et dans chacun d'eux, vous gardez un objet different.
Les variables fonctionnent de maniere similaire, stockant des donnees qui peuvent etre des nombres, des strings (texte), des objets, entre autres.
Comment declarer des variables et stocker des valeurs ?
En JavaScript, nous avons plusieurs facons de declarer des variables, les plus courantes etant a travers les mots-cles var, let et const.
Chacune d'elles a ses particularites :
- var : C'etait la forme traditionnelle de declarer des variables avant ES6. Les variables declarees avec var sont, par defaut, hissees (hoisting) et ont une portee de fonction.
- let : Introduit avec ES6, permet de declarer des variables avec une portee de bloc, evitant de nombreux problemes lies a var.
- const : Egalement d'ES6, est utilise pour declarer des constantes, c'est-a-dire des valeurs qui ne peuvent pas etre reassignees apres leur declaration.
Bon, si vous n'avez pas bien compris la difference entre chacune, dans le doute utilisez let pour les variables dont les valeurs peuvent etre modifiees apres la declaration, et const pour les variables dont les valeurs ne sont pas modifiees apres leur declaration.
Mais JAMAIS utilisez var pour declarer des variables, comme j'ai dit ci-dessus, c'est l'ancienne facon de declarer des variables, et elle ne devrait plus etre utilisee.
Var, Let ou Const ? Une Question d'Immutabilite
Lors du choix entre var, let et const, l'immutabilite est une consideration importante.
Quand vous declarez une variable avec const, vous ne dites pas seulement que la variable ne peut pas etre reassignee ; vous faites une affirmation sur l'immutabilite :
Bien que nous puissions modifier l'array declare comme constante, nous ne pouvons pas reassigner une nouvelle valeur a celui-ci.
Comprendre Initialisation vs. Declaration
En JavaScript, il est possible de declarer une variable sans l'initialiser :
Mais, nous pouvons lui assigner une valeur plus tard :
Hoisting
Le hoisting est un comportement particulier de JavaScript qui "deplace" les declarations de variables vers le haut de leur portee.
En pratique, cela signifie qu'une variable peut etre utilisee avant d'etre declaree.
Cependant, c'est une pratique recommandee de declarer les variables au debut de leur portee pour prevenir les confusions.
Regles de nomenclature
Bien que JavaScript soit un langage flexible, il existe quelques regles pour nommer les variables :
- Les noms peuvent contenir des lettres, des chiffres, des underscores (_) et des signes dollar ($), mais ne peuvent pas commencer par un chiffre.
- Il n'est pas permis d'utiliser des mots-cles du langage comme nom de variable.
- Les noms de variables sont sensibles a la casse, c'est-a-dire que Nom et nom sont differents.
- Il est recommande d'utiliser la convention camelCase pour les noms de variables avec plus d'un mot.
Types de Donnees dans les Variables
En Programmation et en JavaScript, les variables peuvent stocker differents types de donnees.
Alors que certains langages exigent que vous declariez explicitement le type de donnees d'une variable, JavaScript est dynamiquement type. Cela signifie que le type de donnees d'une variable peut changer pendant l'execution du programme. Quelques-uns des types les plus courants incluent :
- Number : Pour les nombres, entiers ou decimaux.
- String : Pour les sequences de caracteres.
- Boolean : Pour les valeurs vrai ou faux.
- Object : Pour les collections de donnees ou instances de constructeurs.
- Undefined : Pour les variables non initialisees.
- Null : Represente l'absence de valeur.
Variables Temporelles avec les Template Strings
A ce moment je vais vous expliquer quelque chose de tres cool que nous avons disponible en JavaScript et dans d'autres langages de Programmation aussi, comme Python. Ce sont les Template Strings.
Au lieu de concatener des variables dans des strings en utilisant le signe plus (+), le JavaScript moderne offre les Template Strings pour incorporer des variables dans des strings :
Cela facilite la lecture et le formatage des textes qui incluent des variables.
Operations avec les Variables
Une autre chose tres cool en Programmation, c'est que vous n'etes pas limite a simplement stocker des valeurs dans des variables. Vous pouvez aussi executer des operations et avoir le resultat de ces operations stocke :
Portee des variables
Un autre concept que je considere super important a comprendre, pas necessairement a cet instant, mais a l'avenir vous allez tomber sur un cas de portee, ca c'est sur !
Essentiellement la Portee des variables fait reference a la partie du code ou elle peut etre accedee. En JavaScript, nous avons essentiellement trois portees : globale, de fonction et de bloc.
Portee Globale (global scope)
Les variables declarees au-dessus ou en dessous de toute fonction ou bloc appartiennent a la portee globale. Elles peuvent etre accedees de n'importe ou dans le code, ce qui, parfois, peut causer des conflits et des erreurs inattendues.
Portee de fonction (function scope)
Les variables declarees a l'interieur d'une fonction en utilisant var ont une portee de fonction. Cela signifie qu'elles ne peuvent etre accedees qu'a l'interieur de cette fonction.
Difference entre Portee Globale et Portee de Fonction
La principale difference entre la portee globale et la portee de fonction est l'accessibilite.
Alors que les variables de portee globale sont accessibles dans tout le code, celles de portee de fonction sont restreintes a la fonction ou elles ont ete declarees.
Avec l'avenement d'ES6 et l'introduction de let, nous avons aussi la portee de bloc, qui limite l'acces a un certain bloc de code, comme les boucles et les conditionnelles.
Ensuite nous allons visualiser la difference en code entre les portees.
Fonction vs. Bloc : Visualiser les Portees
Bon, comme j'ai commente ci-dessus, JavaScript ES6 a introduit let et const, qui ont une portee de bloc.
Ensuite je vais vous montrer la difference entre la portee de fonction et la portee de bloc :
Conclusion
Eh bien HaWker, comme vous pouvez le constater, c'est un article assez dense, et d'une importance extreme.
Comprendre les variables est crucial pour maitriser la Programmation et JavaScript, ou tout autre langage de programmation.
En comprenant les nuances de declaration, hoisting et portee, vous serez mieux prepare pour ecrire du code propre, efficace et sans erreurs.
Et rappelez-vous, je suis la pour vous aider a chaque etape du chemin !
Sensationnel HaWker !
Nous arrivons a la fin de notre troisieme article.
Et si vous etes arrive jusqu'ici, s'il vous plait, repondez a cet email avec "J'ai reussi a comprendre les variables !". Pour que je sache que cette serie d'articles vous est utile.
Si vous avez des questions, s'il vous plait ! N'hesitez pas a repondre a cet email avec votre question, ce sera un grand plaisir de vous aider.
Seul un veritable HaWker arrive jusqu'a la fin.
Felicitations !
Je suis content de vous avoir ici.
A bientot, c'est parti !
- Jeff Bruchado
Felicitations d'etre arrive jusqu'ici, HaWker !
A ce moment ou vous avez appris les variables en programmation et leurs diverses nuances, que diriez-vous de tester vos connaissances ? Participez au quiz ci-dessous et voyez combien vous avez absorbe de notre article.
C'est une excellente facon de consolider l'apprentissage et de vous preparer pour les prochaines etapes de votre voyage de programmation.
Bonne chance et amusez-vous !