Maison > Article > interface Web > let, var ou const, quelle est la différence ?
let, var , const ? quand utilisons-nous vraiment ces variables ?
En 2018, j'ai eu l'occasion de jouer un peu avec JavaScript. Au cours de cette année, j’ai été ravi d’apprendre les performances de cette langue. La première chose que j'ai apprise a été de déclarer une variable. Ma première variable était var name = 'el marlo' après que cette variable soit utilisée dans ma fonction et console.log(name) // => le marlo. En tant que programmeur débutant, j'étais enthousiasmé. Avance rapide jusqu'en 2024, je commence officiellement mon parcours dans le génie logiciel, je me lance dans JavaScript après tant d'années et beaucoup de choses ont changé. La première chose que j'ai remarquée, c'est qu'il y avait plus d'options pour déclarer une variable ? Qu'est-ce que let et const, je ne connaissais que var.
var est le mot-clé le plus ancien pour déclarer une variable. Par conséquent, abordons la différence avec les deux autres : let et const pour nous aider à décider lequel doit entrer dans notre code.
J'ai appris que var était un mot-clé que si vous envisagez d'utiliser, d'être très prudent ou de ne pas l'utiliser du tout en raison d'un manque de portée de bloc ou en anglais simple, le code qui va à l'intérieur des accolades {}. De plus, cela peut créer des bugs dans votre code car les variables var peuvent être re-déclarées et mises à jour :
var favHobby = "Eskate"; var favHobby = "Sleeping"; var favHobby = "Joking"; console.log(favHobby); // => Joking console.log(favHobby); // => Joking console.log(favHobby); // => Joking
letis la version mise à jour de var. Cette variable est de portée bloquée, ce qui signifie que contrairement à var, tout ce que nous déclarons entre {accolades ne sera disponible que dans cette portée} :
let x = 1; if (x === 1) { let x = 2; console.log(x); // Expected output: 2 } console.log(x); // Expected output: 1
Exemple tiré de : mdn web docs
De plus, let peut être mis à jour mais PAS re-déclaré.
const est la variable la plus fiable à utiliser pour les raisons suivantes : const les déclarations sont de portée bloc : ce qui signifie qu'elle n'est accessible que {dans le bloc}. Une autre raison importante est que const ne peut pas être mis à jour ou redéclaré à moins qu'il ne s'agisse d'un objet. Si const était un objet, alors les propriétés pourraient être ajoutées, supprimées ou mises à jour.
const number = 42; try { number = 99; } catch (err) { console.log(err); // Expected output: TypeError: invalid assignment to const 'number' // (Note: the exact output may be browser-dependent) } console.log(number); // Expected output: 42
Exemple tiré de : mdn web docs
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!