Maison > interface Web > js tutoriel > let, var ou const, quelle est la différence ?

let, var ou const, quelle est la différence ?

PHPz
Libérer: 2024-07-28 18:09:53
original
688 Les gens l'ont consulté

let, var or const, what

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

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

Copier après la connexion

laisser

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

Copier après la connexion

Exemple tiré de : mdn web docs
De plus, let peut être mis à jour mais PAS re-déclaré.

const

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

Copier après la connexion

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal